Das Web zum Mitmachen:
Barrieren in der Praxis

Tomas Caspers
berät Industrie, NGOs und
Behörden, baut Websites,
schreibt Bücher darüber
und hält Vorträge
(und mag Akzidenz-Grotesk viel lieber als Helvetica).

http://www.patramsey.net/2007/the-accessible-web/

Party
like it's
?
1999

Frames!
Farbige Scrollbalken!
Aufklappmenüs! Animierte
Schneeflocken!
Ticker! Seitenübergänge!
Die aktuelle Uhrzeit!
Browser-Chrome verstecken!
Hintergrundmusik!
Countdown bis
Pop-Ups! Weihnachten!
<A onMouseOver=\"window.status='hier
klicken!'; return true;\">

Frames!
Farbige Scrollbalken!
Aufklappmenüs! Animierte
Schneeflocken!
Ticker! Seitenübergänge!
BÖSE!
Die aktuelle Uhrzeit!
Browser-Chrome verstecken!
Hintergrundmusik!
Countdown bis
Pop-Ups! Weihnachten!
<A onMouseOver=\"window.status='hier
klicken!'; return true;\">

Frames!
Farbige Scrollbalken!
Aufklappmenüs! Animierte
Schneeflocken!
Ticker! Seitenübergänge!
Die aktuelle Uhrzeit!
Browser-Chrome verstecken!
Hintergrundmusik!
Countdown bis
Pop-Ups! Weihnachten!
<A onMouseOver=\"window.status='hier
klicken!'; return true;\">

Frames!
Farbige Scrollbalken!
NOCH
Aufklappmenüs! Animierte
Schneeflocken!
Ticker! Seitenübergänge!
Die aktuelle Uhrzeit!
IMMER Browser-Chrome verstecken!
Hintergrundmusik!
Countdown bis
Pop-Ups!
BÖSE! Weihnachten!
<A onMouseOver=\"window.status='hier
klicken!'; return true;\">

Checklisten-
Syndrom?

WCAG2.0?
10 PRINT \"WCAG\"
20 GOTO 10

Der Praxisteil:
• Flash- &
AJAX-Mythen

Der Praxisteil:
• Flash- &
AJAX-Mythen
(Standardistus argumentatavum Maximus)

Mythos №1
?
• Flash & AJAX sind:
nix für Suchmaschinen

Mythos №2
?
• Flash ist:
nicht barrierefrei

http://flexapps.macromedia.com/flex15/blogreader/blogreader.mxml?accessible=true

Mythos №3
?
• Flash & AJAX sind:
nix für Screenreader

http://de.wikipedia.org/wiki/OpenLaszlo

Mythos №4
?
• Flash ist:
nix für Sehbehinderte

Der Praxisteil:
!
http://www.kaourantin.net/swf/highContrast.html
http://niquimerret.com/fontresize/
Psst: System.capabilities.hasAccessibility:true

Mythos №5
?
• Flash & AJAX sind:
Schuld an ...

http://www.flickr.com/photos/53407766@N00/55806664

Mythos №6
?
• Flash & AJAX sind:
abgeschaltet

79%
aller Statistiken
sind gefälscht!
(diese eingerechnet)

Mythos №7
?
• Flash & AJAX sind:
viel Arbeit,
wenn man es
barrierefrei
machen will

Mythos №7
!
• Stimmt.

Der Praxisteil:
(endlich)

© http://www.flickr.com/photos/chuckbiscuito/161971512/
Real World User Testing

© http://www.flickr.com/photos/kosmar/323809582/

Applikation
!=
Dokument

Die 4 Prinzipien:
POUR

Die 4 Prinzipien:
(der WCAG 2)*
1. Wahrnehmbar
2. Bedienbar
3. Verständlich
4. Technisch robust
* http://www.w3.org/TR/WCAG20/

Wahrnehmbar?

?

Bedienbar?

Bedienbar?
1. oder
1. oder
1. oder?

© http://www.frequency-decoder.com/demo/date-picker-v2/

Verständlich?

=+
–( weniger ist mehr )

Robust?

Danke für‘s Zuhören!
<a href=“mailto:tomas@tomascaspers.de“>Fragen?</a>

CC
<a href=“http://creativecommons.org/licenses/by-sa/2.0/de/
deed.de“ rel=“license“>Attribution-ShareAlike</a>

URLs:
Zugängliches Flash:
http://www.kaourantin.net/swf/highContrast.html
http://niquimerret.com/fontresize/
http://www.bbc.co.uk/accessibility/bbc/mainnews.shtml
http://www.bbc.co.uk/cbeebies/grownups/special_needs/physical_dev/switch/
http://www.bbc.co.uk/cbbc/games/switch/
http://usabletype.com/weblog/flexing-your-apps/
http://www.webaim.org/techniques/flash/
http://www.jkrowling.com/
Zugängliches AJAX:
http://developer.mozilla.org/en/docs/AJAX:WAI_ARIA_Live_Regions
http://developer.mozilla.org/en/docs/ARIA_to_API_mapping
http://www.sitepoint.com/blogs/2007/04/30/javascript-and-screen-readers/
http://accessibleajax.clcworld.net/
http://www.frequency-decoder.com/2006/10/02/unobtrusive-date-picker-widgit-update/
Testwerkzeuge:
„Active Accessibility 2.0 SDK Tools“ - http://www.microsoft.com/downloads/details.aspx...
„Accerciser“ - http://live.gnome.org/Accerciser