WCAG 2.0-Vortrag Webtech 2009

WCAG 2.0 | Tomas CaspersEB RAUTS

Tomas Caspersberät Industrie, NGOs und Behörden, baut Websites, schreibt Bücher, bloggt und hält Vorträge. «

(und mag Akzidenz-Grotesk viel lieber als Helvetica).

»

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

Vorsicht, Rant!

flickr.com/photos/codepo8/4046654750/

http://www.wheelchairfoundation.org/

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

schöneSeiten

barrierefreie Seiten

Barrierefreiheit?

http://twitter.com/amendedestages/status/5322925867

• 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)

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

(§4 BGG, näheres dazu bei www.behindertenbeauftragte.de)

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

Designingfor our future selves

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

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

Hä?

79%aller Statistikensind 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

vs.WCAG 1.0

WCAG 2.0

Testbar:

Mond Kein Mond

1. Perceivable Information and user interface components must be presentable to users in ways they can perceive

2. OperableUser interface components and navigation must be operable

3. UnderstandableInformation and the operation of user interface must be understandable

4. RobustContent 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/

Die Prinzipien:

»Do not read ›Understanding WCAG‹. In fact, do not read WCAG 2. Web Accessibility is about people, not about guidelines.«

(Shawn Henry, W3C WAI)

Percievable

1. Provide equivalent alternatives to auditory

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

SAMPLE

WCAG AAAAbhaken Als

Ersatz für echte Accessibility

=

http://www.iheni.com/wcag-triple-a-accessibilty-as-an-afterthought/

© http://www.flickr.com/photos/chuckbiscuito/161971512/

Und nun?

http://www.w3.org/Translations/WCAG20-de/

Jetzt auch auf Deutsch!

http://kqe.de/feminismus-13373955.html

O NOES!

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

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

Vorsprung durch

Techniques

Wahrnehmbar:

Zum Bestellen drücken Sie bitte auf den grünen Knopf:

Wahrnehmbar:

Verteilung der Farbfehlsichtigkeitenin der Bevölkerung:

farbfehlsichtig

Nicht farbfehlsichtig

Wahrnehmbar:

Wahrnehmbar:

Wahrnehmbar:

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

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 Aktualisierungen müssen vom Benutzer gesteuert werden können

• Hilfen zur Orientierung und Navigation

Bedienbar:

»Skip-Links«

erleichtern die

Bedienung für

Tastaturnutzer.

Bedienbar:

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 work with almost zero movement.

But we can’t make a Web site work with zero cognition.

»

«Joe Clark, atmedia 2007

= +( weniger ist mehr )

–

Innovatives Optimierungswerkzeugfü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 2.0</a>