http://www.patramsey.net/2007/the-accessible-web/
»Tomas Caspers
 berät Industrie, NGOs und
 Behörden, baut Websites,
 schreibt Bücher, bloggt
 und hält Vorträge. «
Barrierefreiheit?




           © http://www.flickr.com/photos/webseeings/239301576/
• USA: Americans with Disabilities Act (ADA)
  • Section 508
• GB: Disability Discrimination Act (DDA)
• EU: Vorgaben für ...
»Barrierefrei sind [...] technische Gebrauchs-
gegenstände, Systeme der Informationsver-
arbeitung, akustische und visuell...
»Barrierefrei sind [...] technische Gebrauchs-

Designing
gegenstände, Systeme der Informationsver-
arbeitung, akustische ...
w3.org/WAI/WAI-AGE/




© http://sean-tron.deviantart.com/art/mosh-109253636
http://twitpic.com/304js/full
Hä?
79%
aller Statistiken
sind gefälscht!
  (diese eingerechnet)
» Behinderung ist die
 mangelnde Fähigkeit,
 mit schlechtem Design
 umgehen zu können. «
Checklisten-
  Syndrom?
10  PRINT  "WCAG"
20  GOTO  10
WCAG 1.0
  vs.
WCAG 2.0
Testbar:



Mond   Kein Mond
Die Prinzipien:
1.   Perceivable
     Information and user interface components must be presentable
     to users in ways ...
Die Prinzipien:

POUR
»Do not read
 ›Understanding WCAG‹.
  In fact, do not read WCAG 2.
  Web Accessibility is about
  people, not about guidel...
LE
                         Percievable

   P                1. Provide equivalent
  M
                   alternatives to ...
Und nun?




           © http://www.flickr.com/photos/chuckbiscuito/161971512/
Jetzt auch auf Deutsch!
      http://wcag2.0-blog.de/2009-07-28/
http://www.w3.org/WAI/intro/wcag20.php
http://www.w3.org/WAI/WCAG20/quickref/
Vorsprung
   durch
Techniques
Wahrnehmbar:
Wahrnehmbar:

   Zum Bestellen drücken Sie
 bitte auf den grünen Knopf:
Wahrnehmbar:
Verteilung der
Farbfehlsichtigkeiten
in der Bevölkerung:



                  farbfehlsichtig

              ...
Wahrnehmbar:
Wahrnehmbar:
<img  
src="foo"  
alt="bar">
Bedienbar:
Bedienbar:



 (Auflösung: in der Wikipedia nach »Fitts‘s Law« suchen)
Bedienbar:
• Sämtliche Inhalte und
  Funktionen müssen per
  Tastatur erreich- und
  bedienbar sein
• Bewegungen und
  Akt...
Bedienbar:
»Skip-Links«
erleichtern die
Bedienung für
Tastaturnutzer.
http://www.flickr.com/photos/53407766@N00/55806664
Exzessibility!
Verständlich:
Verständlich?
» 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 wo...
– =+
 ( weniger ist mehr )
Innovatives
Optimierungswerkzeug
für kalorienreduzierten
     Web-Content:

 <!-­‐-­‐    -­‐-­‐>
Robust:
Robust?
Robust?
KTHXBAI!
<a  href="mailto:tomas@tomascaspers.de">Noch Fragen?</a>
<a  href="http://creativecommons.org/licenses/by-­‐nc-­‐sa/2.0/de/"  
rel="license">Attribution-Noncommercial-Share Alike ...
Deutsche Übersetzung der WCAG 2.0
Deutsche Übersetzung der WCAG 2.0
Deutsche Übersetzung der WCAG 2.0
Deutsche Übersetzung der WCAG 2.0
Deutsche Übersetzung der WCAG 2.0
Deutsche Übersetzung der WCAG 2.0
Deutsche Übersetzung der WCAG 2.0
Deutsche Übersetzung der WCAG 2.0
Nächste SlideShare
Wird geladen in …5
×

Deutsche Übersetzung der WCAG 2.0

2.510 Aufrufe

Veröffentlicht am

Folien vom W3C-Tag 2009 in Berlin http://xinnovations.de/w3c-tag2009.html

Veröffentlicht in: Technologie
0 Kommentare
4 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

Keine Downloads
Aufrufe
Aufrufe insgesamt
2.510
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
6
Aktionen
Geteilt
0
Downloads
24
Kommentare
0
Gefällt mir
4
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Deutsche Übersetzung der WCAG 2.0

  1. 1. http://www.patramsey.net/2007/the-accessible-web/
  2. 2. »Tomas Caspers berät Industrie, NGOs und Behörden, baut Websites, schreibt Bücher, bloggt und hält Vorträge. «
  3. 3. Barrierefreiheit? © http://www.flickr.com/photos/webseeings/239301576/
  4. 4. • USA: Americans with Disabilities Act (ADA) • Section 508 • GB: Disability Discrimination Act (DDA) • EU: Vorgaben für entsprechende Gesetze in den Mitgliedsländern • Deutschland: • Behindertengleichstellungsgesetz (BGG) • Rechtsverordnung zur Barrierefreien Informationstechnik (BITV) ← WCAG! • Allgemeines Gleichbehandlungsgesetz (AGG)
  5. 5. »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.«
  6. 6. »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.«
  7. 7. w3.org/WAI/WAI-AGE/ © http://sean-tron.deviantart.com/art/mosh-109253636
  8. 8. http://twitpic.com/304js/full
  9. 9. Hä?
  10. 10. 79% aller Statistiken sind gefälscht! (diese eingerechnet)
  11. 11. » Behinderung ist die mangelnde Fähigkeit, mit schlechtem Design umgehen zu können. «
  12. 12. Checklisten- Syndrom?
  13. 13. 10  PRINT  "WCAG" 20  GOTO  10
  14. 14. WCAG 1.0 vs. WCAG 2.0
  15. 15. Testbar: Mond Kein Mond
  16. 16. 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/
  17. 17. Die Prinzipien: POUR
  18. 18. »Do not read ›Understanding WCAG‹. In fact, do not read WCAG 2. Web Accessibility is about people, not about guidelines.« (Shawn Henry, W3C WAI)
  19. 19. 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".
  20. 20. Und nun? © http://www.flickr.com/photos/chuckbiscuito/161971512/
  21. 21. Jetzt auch auf Deutsch! http://wcag2.0-blog.de/2009-07-28/
  22. 22. http://www.w3.org/WAI/intro/wcag20.php
  23. 23. http://www.w3.org/WAI/WCAG20/quickref/
  24. 24. Vorsprung durch Techniques
  25. 25. Wahrnehmbar:
  26. 26. Wahrnehmbar: Zum Bestellen drücken Sie bitte auf den grünen Knopf:
  27. 27. Wahrnehmbar: Verteilung der Farbfehlsichtigkeiten in der Bevölkerung: farbfehlsichtig Nicht farbfehlsichtig
  28. 28. Wahrnehmbar:
  29. 29. Wahrnehmbar:
  30. 30. <img   src="foo"   alt="bar">
  31. 31. Bedienbar:
  32. 32. Bedienbar: (Auflösung: in der Wikipedia nach »Fitts‘s Law« suchen)
  33. 33. 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
  34. 34. Bedienbar: »Skip-Links« erleichtern die Bedienung für Tastaturnutzer.
  35. 35. http://www.flickr.com/photos/53407766@N00/55806664
  36. 36. Exzessibility!
  37. 37. Verständlich:
  38. 38. Verständlich?
  39. 39. » 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
  40. 40. – =+ ( weniger ist mehr )
  41. 41. Innovatives Optimierungswerkzeug für kalorienreduzierten Web-Content: <!-­‐-­‐    -­‐-­‐>
  42. 42. Robust:
  43. 43. Robust?
  44. 44. Robust?
  45. 45. KTHXBAI! <a  href="mailto:tomas@tomascaspers.de">Noch Fragen?</a>
  46. 46. <a  href="http://creativecommons.org/licenses/by-­‐nc-­‐sa/2.0/de/"   rel="license">Attribution-Noncommercial-Share Alike 2.0</a>

×