WCAG 2.0 | Tomas CaspersEB RAUTS
Tomas Caspersberät Industrie, NGOs und Behörden, baut Websites, schreibt Bücher, bloggt und hält Vorträge. «
(und mag Akzidenz-Grotesk viel lieber als Helvetica).
»
http://www.patramsey.net/2007/the-accessible-web/
Vorsicht, Rant!
flickr.com/photos/codepo8/4046654750/
http://www.wheelchairfoundation.org/
http://www.umich.edu/~webacces/SiteMap.html
schöneSeiten
barrierefreie Seiten
Barrierefreiheit?
http://twitter.com/amendedestages/status/5322925867
• USA: Americans with Disabilities Act (ADA)• Section 508
• GB: Disability Discrimination Act (DDA)• EU: Vorgaben für entsprechende Gesetze
in den Mitgliedsländern• Deutschland:
• Artikel 3 Absatz 3 Satz 2 Grundgesetz• Behindertengleichstellungsgesetz (BGG) • Rechtsverordnung zur Barrierefreien
Informationstechnik (BITV 1.0) ← WCAG 1.0!• Allgemeines Gleichbehandlungsgesetz (AGG)
»Barrierefrei sind [...] technische Gebrauchs-
gegenstände, Systeme der Informationsver-
arbeitung, akustische und visuelle Informations-
quellen und Kommunikationseinrichtungen [...],
wenn sie für behinderte Menschen in der allgemein
üblichen Weise, ohne besondere Erschwernis und
grundsätzlich ohne fremde Hilfe zugänglich und
nutzbar sind.«
(§4 BGG, näheres dazu bei www.behindertenbeauftragte.de)
»Barrierefrei sind [...] technische Gebrauchs-
gegenstände, Systeme der Informationsver-
arbeitung, akustische und visuelle Informations-
quellen und Kommunikationseinrichtungen [...],
wenn sie für behinderte Menschen in der allgemein
üblichen Weise, ohne besondere Erschwernis und
grundsätzlich ohne fremde Hilfe zugänglich und
nutzbar sind.«
Designingfor our future selves
http://sean-tron.deviantart.com/art/mosh-109253636
Hä?
79%aller Statistikensind gefälscht!
(diese eingerechnet)
» Behinderung ist die
mangelnde Fähigkeit,
mit schlechtem Design
umgehen zu können. «
Checklisten-Syndrom?
10 PRINT "WCAG"20 GOTO 10
vs.WCAG 1.0
WCAG 2.0
Testbar:
Mond Kein Mond
1. Perceivable Information and user interface components must be presentable to users in ways they can perceive
2. OperableUser interface components and navigation must be operable
3. UnderstandableInformation and the operation of user interface must be understandable
4. RobustContent must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies
http://www.w3.org/TR/WCAG20/
Die Prinzipien:
»Do not read ›Understanding WCAG‹. In fact, do not read WCAG 2. Web Accessibility is about people, not about guidelines.«
(Shawn Henry, W3C WAI)
Percievable
1. Provide equivalent alternatives to auditory
and visual content.
1.1 Provide a text equivalent for every non-text element.
1.1.1 Non-text Content: All non-text content that is presented to the user has a text alternative
that serves the equivalent purpose
G94: Providing short text alternative for non-text content that serves the same purpose and presents the same information as
the non-text content [...] Examples: A search button uses an image of a magnifying glass. The text alternative is "search" and not
"magnifying glass".
SAMPLE
WCAG AAAAbhaken Als
Ersatz für echte Accessibility
=
http://www.iheni.com/wcag-triple-a-accessibilty-as-an-afterthought/
© http://www.flickr.com/photos/chuckbiscuito/161971512/
Und nun?
http://www.w3.org/Translations/WCAG20-de/
Jetzt auch auf Deutsch!
http://kqe.de/feminismus-13373955.html
O NOES!
http://www.w3.org/WAI/intro/wcag20.php
http://www.w3.org/WAI/WCAG20/quickref/
Vorsprung durch
Techniques
Wahrnehmbar:
Zum Bestellen drücken Sie bitte auf den grünen Knopf:
Wahrnehmbar:
Verteilung der Farbfehlsichtigkeitenin der Bevölkerung:
farbfehlsichtig
Nicht farbfehlsichtig
Wahrnehmbar:
Wahrnehmbar:
Wahrnehmbar:
<img src="foo" alt="bar">
Bedienbar:
(Auflösung: in der Wikipedia nach »Fitts‘s Law« suchen)
Bedienbar:
• Sämtliche Inhalte und Funktionen müssen per Tastatur erreich- und bedienbar sein
• Bewegungen und Aktualisierungen müssen vom Benutzer gesteuert werden können
• Hilfen zur Orientierung und Navigation
Bedienbar:
»Skip-Links«
erleichtern die
Bedienung für
Tastaturnutzer.
Bedienbar:
http://www.flickr.com/photos/53407766@N00/55806664
Exzessibility!
Verständlich:
Verständlich?
We can make a Web site work with zero hearing.
We can make one work with zero vision.
We can even make a Web site work with almost zero movement.
But we can’t make a Web site work with zero cognition.
»
«Joe Clark, atmedia 2007
= +( weniger ist mehr )
–
Innovatives Optimierungswerkzeugfür kalorienreduzierten
Web-Content:
<!-‐-‐ -‐-‐>
Robust:
Robust:
Robust:
KTHXBAI!<a href="mailto:[email protected]">Noch Fragen?</a>
<a href="http://creativecommons.org/licenses/by-‐nc-‐sa/2.0/de/"
rel="license">Attribution-Noncommercial-Share Alike 2.0</a>
Top Related