WCAG 2.0-Vortrag Webtech 2009
2 gefällt mir728 aufrufe
Das Dokument behandelt die Barrierefreiheit im Web gemäß den WCAG (Web Content Accessibility Guidelines), insbesondere den Unterschied zwischen WCAG 1.0 und WCAG 2.0. Es werden rechtliche Rahmenbedingungen in den USA, Großbritannien und Deutschland aufgeführt, sowie die vier zentralen Prinzipien der Barrierefreiheit: Wahrnehmbarkeit, Bedienbarkeit, Verständlichkeit und Robustheit von Inhalten. Weitere Anmerkungen zur praktischen Umsetzung und zu Herausforderungen bei der Barrierefreiheit werden ebenfalls thematisiert.
![»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.«](https://image.slidesharecdn.com/webtech2009-091122123716-phpapp02/85/WCAG-2-0-Vortrag-Webtech-2009-10-320.jpg)
![»Barrierefrei sind [...] technische Gebrauchs-
Designing
gegenstände, Systeme der Informationsver-
arbeitung, akustische und visuelle Informations-
for our
quellen und Kommunikationseinrichtungen [...],
future
wenn sie für behinderte Menschen in der allgemein
üblichen Weise, ohne besondere Erschwernis und
selves
grundsätzlich ohne fremde Hilfe zugänglich und
nutzbar sind.«](https://image.slidesharecdn.com/webtech2009-091122123716-phpapp02/85/WCAG-2-0-Vortrag-Webtech-2009-11-320.jpg)
![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 "search" and not
"magnifying glass".](https://image.slidesharecdn.com/webtech2009-091122123716-phpapp02/85/WCAG-2-0-Vortrag-Webtech-2009-27-320.jpg)
WCAG 2.0-Vortrag Webtech 2009
- 1. WCAG 2.0 EB RAUTS | Tomas Caspers
- 2. »Tomas Caspers berät Industrie, NGOs und Behörden, baut Websites, schreibt Bücher, bloggt und hält Vorträge. «
- 7. schöne Seiten barrierefreie Seiten
- 8. Barrierefreiheit? http://twitter.com/amendedestages/status/5322925867
- 9. • 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)
- 10. »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.«
- 11. »Barrierefrei sind [...] technische Gebrauchs- Designing gegenstände, Systeme der Informationsver- arbeitung, akustische und visuelle Informations- for our quellen und Kommunikationseinrichtungen [...], future wenn sie für behinderte Menschen in der allgemein üblichen Weise, ohne besondere Erschwernis und selves grundsätzlich ohne fremde Hilfe zugänglich und nutzbar sind.«
- 15. Hä?
- 17. 79% aller Statistiken sind gefälscht! (diese eingerechnet)
- 18. » Behinderung ist die mangelnde Fähigkeit, mit schlechtem Design umgehen zu können. «
- 20. 10 PRINT "WCAG" 20 GOTO 10
- 22. WCAG 1.0 vs. WCAG 2.0
- 24. Testbar: Mond Kein Mond
- 25. 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/
- 26. »Do not read ›Understanding WCAG‹. In fact, do not read WCAG 2. Web Accessibility is about people, not about guidelines.« (Shawn Henry, W3C WAI)
- 27. 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 "search" and not "magnifying glass".
- 28. WCAG AAA = Abhaken Als Ersatz für echte Accessibility http://www.iheni.com/wcag-triple-a-accessibilty-as-an-afterthought/
- 29. Und nun? © http://www.flickr.com/photos/chuckbiscuito/161971512/
- 30. Jetzt auch auf Deutsch! http://www.w3.org/Translations/WCAG20-de/
- 31. O NOES! http://kqe.de/feminismus-13373955.html
- 35. Vorsprung durch Techniques
- 36. Wahrnehmbar:
- 37. Wahrnehmbar: Zum Bestellen drücken Sie bitte auf den grünen Knopf:
- 38. Wahrnehmbar: Verteilung der Farbfehlsichtigkeiten in der Bevölkerung: farbfehlsichtig Nicht farbfehlsichtig
- 39. Wahrnehmbar:
- 40. Wahrnehmbar:
- 46. Bedienbar:
- 47. Bedienbar: (Auflösung: in der Wikipedia nach »Fitts‘s Law« suchen)
- 48. 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
- 51. Exzessibility!
- 52. Verständlich:
- 53. Verständlich?
- 54. » 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
- 55. – =+ ( weniger ist mehr )
- 56. Innovatives Optimierungswerkzeug für kalorienreduzierten Web-Content: <!-‐-‐ -‐-‐>
- 57. Robust:
- 58. Robust:
- 59. Robust: