Angie Radtke 2008

Accessibility & Beez

Angie Radtke 2008

Tim Berners Lee said:„ Thepower of the Web is in its universality. Access by everyone regardless ofdisability is an essentialaspect."

Angie Radtke 2008

You can change the web

Using beez can change the web

Joomla can change theweb

Angie Radtke 2008

„Why should I dothat?“

Angie Radtke 2008

„ You are a good guy!“

Angie Radtke 2008

„There‘s alaw“

Angie Radtke 2008

max.

reach

More popularitity& Image

PR-effect

fast

loading

new customer contacts more regular users

increase in sales

Accessible Websites

easy touse

Target group

Google &co

More subsites

Customersatisfaction

Angie Radtke 2008

„How can I do

that?“

Angie Radtke 2008

„Take a look atdisabilities“

Angie Radtke 2008

Visual impairment

„ 25% of all people,inhomogeneous groupinhomogeneous group,,from nearsightednessfrom nearsightedness toto color color blindness tillblindness till absolutabsolut blindnessblindness

Angie Radtke 2008

Visual impairment – red green blindness

Angie Radtke 2008

Visual impairment – red green blindness

8% of all

men

avoid

red / green Combi

Angie Radtke 2008

Visual impairment – color blindness

Angie Radtke 2008

Visual impairment – color blindness

Take care of the contrast

and color-difference

Angie Radtke 2008

Visual impairment:

texttext--zoomzoomresolution adjustmentresolution adjustmentcustom stylesheetscustom stylesheets

IE:IE: viewview / text/ text--sizesizeMozilla:Mozilla: viewview / Text Zoom/ Text Zoom

Angie Radtke 2008

Visual impairment:

seperation content layout no inlinestyles

relative font-sizes

flexible layouts

no font-images

no images with transparentbackground

Angie Radtke 2008

Visual impairment:Technical equipment

monitorinvertationmonitorinvertation

Windows:Windows: Start / Einstellungen / Start / Einstellungen / Systemsteuerung / Eingabehilfen / Systemsteuerung / Eingabehilfen / Anzeige / Einstellungen fAnzeige / Einstellungen füür den Kontrast.r den Kontrast.

Angie Radtke 2008

Visual impairment:Technical equipment

oops

Angie Radtke 2008

Visual impairment:Technical equipment

monitormonitor zoomzoom lenslens

Windows:Windows: Start / Programme / Start / Programme / ZubehZubehöör / Eingabehilfen / r / Eingabehilfen / Bildschirmlupe.Bildschirmlupe.

Angie Radtke 2008

Visual impairment: Blind people

ScreenreaderScreenreaderacoustic output or acoustic output or sending informationsending information totoBraillelineBrailleline

each lettereach letter ofof the alphatet is the alphatet is represented byrepresented by 88 raised dotsraised dots

Angie Radtke 2008

Visual impairment: Blind people

linearisationlinearisation,,semanticsemantic,,skiplinksskiplinks,, skiplinks for formsskiplinks for formsaltalt--texttextaccessible formsaccessible forms

Angie Radtke 2008

motor handicaps

keyboardkeyboard andand mouse arenmouse aren‘‘ttusableusablearmsarms,, fingers not usablefingers not usableneurologic diseasesneurologic diseases

You canYou can alsoalso be hit by thisbe hit by this::the batterythe battery ofof your mouse is emptyyour mouse is empty

Angie Radtke 2008

motor handicaps

video

Angie Radtke 2008

motor handicaps

clear structurclear structur //logical buildlogical build

nono mousemouse--eventsevents

logical taborderlogical taborder

adequate sizeadequate size ofof navigationnavigation--elementselements

a:a:focusfocus/a:/a:activeactive

Angie Radtke 2008

deaf people – deaf culture

readread andand writewrite inin part part difficultdifficult

VideosVideos

expensiveexpensive

Angie Radtke 2008

Mental disabilities

easy navigationeasy navigation

clean andclean and optical clear fontsoptical clear fonts

many headingsmany headings

shortshort andand easy contentseasy contents

Ideogramme andIdeogramme and symbolssymbols

Angie Radtke 2008

Older people & situational disabilities

limited sightlimited sight

untrained webusersuntrained webusers

f.e.f.e.judderjudder and badand bad light light conditionsconditions inin traintrain

Angie Radtke 2008

„Take a look at beez!“

Angie Radtke 2008

Angie Radtke 2008

Angie Radtke 2008

Angie Radtke 2008

Angie Radtke 2008

Angie Radtke 2008

Beez Features

Sematic markupSematic markup

LinearLinear structurestructure

SkiplinksSkiplinks //formsforms

HeaderlevelsHeaderlevels//modulesmodules

Angie Radtke 2008

WhatWhat‘‘ss youryour Job?Job?

Angie Radtke 2008

structuringstructuring ofof contentscontents

DesignDesign

CssCss

Angie Radtke 2008

AndAnd nownow:: We jumpWe jump toto thethe

dutchdutch webweb--guidelinesguidelines