Post on 18-May-2015
description
transcript
oderWCAG 2.0
»Warum alle Kühein der Schweiz braun sind …«
Tomas Caspersberät Industrie, NGOs und Behörden, baut Websites, schreibt Bücher darüber, bloggt und hält Vorträge. «
(und mag Akzidenz-Grotesk viel lieber als Helvetica).
»
10PRINT"WCAG"20GOTO10
http://www.flickr.com/photos/bingisser/2328813643/
http://www.flickr.com/photos/bleu_celt/225330054/
vs.WCAG 1.0
WCAG 2.0
© http://www.flickr.com/photos/webseeings/239301576/
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:
POUR
Die Prinzipien:
POURN
Die Prinzipien:
POURN
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
© http://www.flickr.com/photos/kosmar/323809582/
http://www.flickr.com/photos/bleu_celt/225330054/
= +( weniger ist mehr )
–
http://www.patramsey.net/2007/the-accessible-web/
http://www.flickr.com/photos/53407766@N00/55806664
http://www.flickr.com/photos/bleu_celt/225330054/
Real World User Testing
© http://www.flickr.com/photos/chuckbiscuito/161971512/
Danke für‘s Zuhören!<ahref="mailto:tomas@tomascaspers.de">Fragen?</a>
<ahref="http://creativecommons.org/licenses/by‐nc‐sa/2.0/de/"rel="license">Attribution-Noncommercial-Share Alike 2.0</a>