flash, ajax & barrierefreiheit
Post on 05-Jul-2015
812 Views
Preview:
DESCRIPTION
TRANSCRIPT
Flash, AjaxBarrierefreiheit
&
Tomas Caspersberät Industrie, NGOs und Behörden, baut Websites,schreibt Bücher darüberund hält Vorträge
(und mag Akzidenz-Grotesk viel lieber als Helvetica).
http://www.patramsey.net/2007/the-accessible-web/
1997
1997
http://www.w3.org/Style/CSS/Test/w3c.html
1997
?Web-Standards
Ja, nee, is klar!
div.content { width:400px; voice-family: "\"}\""; voice-family:inherit; width:300px;}html>body .content { width:300px;}
Die Folgen:
(ekelig, oder?)
Aufklappmenüs!
Die aktuelle Uhrzeit!
Countdown bis Weihnachten!
Frames!
<A onMouseOver="window.status='hier klicken!'; return true;">
Pop-Ups!
Browser-Chrome verstecken!
Seitenübergänge!
Hintergrundmusik!
Ticker!
Farbige Scrollbalken!
Animierte Schneeflocken!
Aufklappmenüs!
Die aktuelle Uhrzeit!
Countdown bis Weihnachten!
Frames!
<A onMouseOver="window.status='hier klicken!'; return true;">
Pop-Ups!
Browser-Chrome verstecken!
Seitenübergänge!
Hintergrundmusik!
Ticker!
Farbige Scrollbalken!
Animierte Schneeflocken!
BÖSE!
Aufklappmenüs!
Die aktuelle Uhrzeit!
Countdown bis Weihnachten!
Frames!
<A onMouseOver="window.status='hier klicken!'; return true;">
Pop-Ups!
Browser-Chrome verstecken!
Seitenübergänge!
Hintergrundmusik!
Ticker!
Farbige Scrollbalken!
Animierte Schneeflocken!
Aufklappmenüs!
Die aktuelle Uhrzeit!
Countdown bis Weihnachten!
Frames!
<A onMouseOver="window.status='hier klicken!'; return true;">
Pop-Ups!
Browser-Chrome verstecken!
Seitenübergänge!
Hintergrundmusik!
Ticker!
Farbige Scrollbalken!
Animierte Schneeflocken!NOCH
IMMERBÖSE!
© http://www.flickr.com/photos/webseeings/239301576/
Barrierefreiheit?
WTF?
WCAG2.0?
10PRINT"WCAG"20GOTO10
WCAG2.0?
Checklisten-Syndrom?
Real World User Testing
© http://www.flickr.com/photos/chuckbiscuito/161971512/
© http://www.flickr.com/photos/kosmar/323809582/
Applikation
! =Dokument
?Web-Standards
Besserung in Sicht?
?Sonderlösung
Der Praxisteil:
• Flash- & AJAX-Mythen
Der Praxisteil:
(Standardistus argumentatavum Maximus)
• Flash- & AJAX-Mythen
?Der Praxisteil:
• Flash & AJAX ist: nix für Suchmaschinen
Der Praxisteil:
• Flash ist: kein Open Source?
Der Praxisteil:
• Flash ist: nicht barrierefrei?
?Der Praxisteil:
• Flash & AJAX ist:nix für Screenreader
http://de.wikipedia.org/wiki/OpenLaszlo
?Der Praxisteil:
• Flash ist: nix für Sehbehinderte
!Der Praxisteil:
http://www.kaourantin.net/swf/highContrast.html
http://niquimerret.com/fontresize/
Psst: System.capabilities.hasAccessibility:true
Der Praxisteil:
• Flash ist: Schuld an ... ?
?Der Praxisteil:
• Flash und AJAX:können keine Bookmarks
http://www.flickr.com/photos/53407766@N00/55806664
?Der Praxisteil:
• Flash & AJAX sind:abgeschaltet
79%aller Statistikensind gefälscht!
(diese eingerechnet)
?Der Praxisteil:
• Flash & AJAX sind:viel Arbeit, wenn man es zugänglich machen will
Der Praxisteil:
• Stimmt.
!
(der WCAG 2)
1. Content must be perceivable
2. Interface elements in the content must be operable
3. Content and controls must be understandable
4. Content must be robust enough to work with current and future Web technologies
* http://www.w3.org/TR/WCAG20/
Die Prinzipien:
Die Prinzipien:
POUR
Die Prinzipien:
POURN
Die Prinzipien:
POURN
Die Prinzipien:
POUR
Ist die Zeit komplexer
Richtlinien, die alles
bis ins kleinste Detail
regeln wollen, vorbei?
= +( weniger ist mehr )
–
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:
Kontrast:http://www.kaourantin.net/swf/highContrast.htmlTextskalierung:http://niquimerret.com/fontresize/Best Practice:http://www.bbc.co.uk/accessibility/bbc/mainnews.shtmlhttp://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/
http://www.sitepoint.com/blogs/2007/04/30/javascript-and-screen-readers/http://labs.adobe.com/technologies/air/
top related