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.

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. «

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

4. Vorsicht, Rant!
flickr.com/photos/codepo8/4046654750/

5. http://www.wheelchairfoundation.org/

6. http://www.umich.edu/~webacces/SiteMap.html

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.«

12. http://sean-tron.deviantart.com/art/mosh-109253636

13. http://twitpic.com/304js/full

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. «

19. Checklisten-
Syndrom?

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

32. http://www.w3.org/WAI/intro/wcag20.php

33. http://www.w3.org/WAI/WCAG20/quickref/

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:

43. <img
src="foo"
alt="bar">

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

49. Bedienbar:
»Skip-Links«
erleichtern die
Bedienung für
Tastaturnutzer.

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

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:

60. KTHXBAI!
<a href="mailto:tomas@tomascaspers.de">Noch Fragen?</a>

61. <a href="http://creativecommons.org/licenses/by-­‐nc-­‐sa/2.0/de/"
rel="license">Attribution-Noncommercial-Share Alike 2.0</a>