WCAG 2.0, oder warum alle Kühe in der Schweiz braun sind

1,034 views

Published on

Informatica'08 - Accessibility Day Zürich, 11. Juni 2008

Published in: Design, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,034
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

WCAG 2.0, oder warum alle Kühe in der Schweiz braun sind

  1. 1. WCAG 2.0 oder »Warum alle Kühe in der Schweiz braun sind … «
  2. 2. »Tomas Caspers berät Industrie, NGOs und Behörden, baut Websites, schreibt Bücher darüber, bloggt und hält Vorträge. «
  3. 3. 10
PRINT
quot;WCAGquot; 20
GOTO
10
  4. 4. http://www.flickr.com/photos/bingisser/2328813643/
  5. 5. http://www.flickr.com/photos/bleu_celt/225330054/
  6. 6. WCAG 1.0 vs. WCAG 2.0
  7. 7. © http://www.flickr.com/photos/webseeings/239301576/
  8. 8. 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/
  9. 9. Die Prinzipien: POUR
  10. 10. Die Prinzipien: POURN
  11. 11. Die Prinzipien: POURN
  12. 12. »Do not read ›Understanding WCAG‹. In fact, do not read WCAG 2. Web Accessibility is about people, not about guidelines.« (Shawn Henry, W3C WAI)
  13. 13. 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;.
  14. 14. © http://www.flickr.com/photos/kosmar/323809582/
  15. 15. http://www.flickr.com/photos/bleu_celt/225330054/
  16. 16. –=+ ( weniger ist mehr )
  17. 17. http://www.patramsey.net/2007/the-accessible-web/
  18. 18. http://www.flickr.com/photos/53407766@N00/55806664
  19. 19. http://www.flickr.com/photos/bleu_celt/225330054/
  20. 20. © http://www.flickr.com/photos/chuckbiscuito/161971512/ Real World User Testing
  21. 21. Danke für‘s Zuhören! <a
href=quot;mailto:tomas@tomascaspers.dequot;>Fragen?</a>
  22. 22. <a
href=quot;http://creativecommons.org/licenses/by‐nc‐sa/2.0/de/quot;
 rel=quot;licensequot;>Attribution-Noncommercial-Share Alike 2.0</a>

×