This document discusses the Web Content Accessibility Guidelines (WCAG) 2.0. It provides an overview of the four principles of WCAG 2.0: perceivable, operable, understandable, and robust. It also references the guidelines and success criteria under each principle for making web content more accessible to users with disabilities.

1. WCAG 2.0
oder
»Warum alle Kühe
in der Schweiz
braun sind … «

2. »Tomas Caspers
berät Industrie, NGOs und
Behörden, baut Websites,
schreibt Bücher darüber,
bloggt und hält Vorträge. «

6. 10 PRINT quot;WCAGquot;
20 GOTO 10

8. http://www.flickr.com/photos/bingisser/2328813643/

9. http://www.flickr.com/photos/bleu_celt/225330054/

10. WCAG 1.0
vs.
WCAG 2.0

11. © http://www.flickr.com/photos/webseeings/239301576/

12. Die Prinzipien:
1. Perceivable
Information and user interface components must be presentable
to users in ways they can perceive
2. Operable
User interface components and navigation must be operable
3. Understandable
Information and the operation of user interface must be understandable
4. Robust
Content 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/

13. Die Prinzipien:
POUR

14. Die Prinzipien:
POURN

15. Die Prinzipien:
POURN

16. »Do not read
›Understanding WCAG‹.
In fact, do not read WCAG 2.
Web Accessibility is about
people, not about guidelines.«
(Shawn Henry, W3C WAI)

17. LE
Percievable
P 1. Provide equivalent
M
alternatives to auditory
SA
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 quot;searchquot; and not
quot;magnifying glassquot;.

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

21. http://www.flickr.com/photos/bleu_celt/225330054/

22. –=+
( weniger ist mehr )

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

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

25. http://www.flickr.com/photos/bleu_celt/225330054/

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

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

28. <a href=quot;http://creativecommons.org/licenses/by‐nc‐sa/2.0/de/quot;
rel=quot;licensequot;>Attribution-Noncommercial-Share Alike 2.0</a>