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>