WCAG 2.0 umsetzen, testen und evaluieren

Transkript

1 WCAG 2.0 umsetzen, testen und evaluieren Seminar BS 162 Barrierefreie Informationssysteme - Grundlagen Gerhard Nussbaum Wien, März 2015 gerhard.nussbaum@ki-i.at

2 Richtlinien Quelle: WCAG 2.0 umsetzen, testen und evaluieren - BS 162,

3 Die Komponenten von barrierefreiem Web Webinhalt Evaluierungs Tool Authoring Tool Webbrowser, Mediaplayer Assistierende Technologien Accessibility Richtlinien ATAG WCAG UAAG Webdesigner, Autor Spezifikationen HTML XHTML CSS etc. Benutzer WCAG 2.0 umsetzen, testen und evaluieren - BS 162,

4 WCAG 2.0 Seit W3C Recommendation 4 Prinzipien 12 Richtlinien mit insgesamt 61 Erfolgskriterien Erfolgskriterien sind in 3 Kategorien unterteilt (Level A, AA, AAA) Mehrere Dokumente: WCAG 2.0 Understanding 2.0 Techniques 2.0 Requirements 2.0 WCAG 2.0 umsetzen, testen und evaluieren - BS 162,

5 WCAG 2.0 Vier Prinzipien: 1. Inhalt muss wahrnehmbar ( Perceivable ) sein. 2. Kontrollelemente des Inhalts müssen bedienbar ( Operable ) sein 3. Inhalt und Kontrollelemente müssen verständlich ( Understandable ) sein 4. Der Inhalt muss robust ( Robust ) genug sein, um von aktuellen und zukünftigen Technologien verarbeitbar zu sein WCAG 2.0 umsetzen, testen und evaluieren - BS 162,

6 WCAG 2.0 Konformität: A : alle Level A Kriterien AA : A und alle Level AA Kriterien AAA : AA und alle Level AAA Kriterien WCAG 2.0 umsetzen, testen und evaluieren - BS 162,

7 WCAG 2.0 WCAG 2.0 Links: Richtlinien (original): Richtlinien (deutsch): Quickreference (sehr empfehlenswert): WAI: WCAG 2.0 umsetzen, testen und evaluieren - BS 162,

8 WCAG 2.0 auf einen Blick I Wahrnehmbar Textalternativen für Nicht-Text-Inhalte anbieten Untertitel und andere Alternativen für Multimedia anbieten Inhalte anbieten, die auf verschiedene Art und Weise dargestellt werden können (auch mit assistierenden Technologien, ohne Informationsverlust) Es für den Benutzer einfacher machen, den Inhalt zu sehen und hören WCAG 2.0 umsetzen, testen und evaluieren - BS 162,

9 WCAG 2.0 auf einen Blick II Bedienbar Alle Funktionen sind auch ausschließlich mit Tastatur bedienbar Benutzer bekommen genug Zeit, um den Inhalt zu lesen und benutzen Keine Inhalte benutzen, die Anfälle auslösen können Dem Benutzer helfen, durch die Inhalte zu navigieren und sie zu finden WCAG 2.0 umsetzen, testen und evaluieren - BS 162,

10 WCAG 2.0 auf einen Blick III Verständlich Textinhalte lesbar und verständlich machen Webseiten sollen vorhersehbar aussehen und funktionieren Benutzern dabei helfen, Fehler zu vermeiden und zu korrigieren. Robust Die Kompatibilität mit aktuellen und zukünftigen Benutzeragenten maximieren, einschließlich assistierender Technologien WCAG 2.0 umsetzen, testen und evaluieren - BS 162,

11 EVALUIEREN WCAG 2.0 umsetzen, testen und evaluieren - BS 162,

12 Tools Browser-AddOns Internet Explorer Web Accessibility Toolbar Mozilla Accessibility Toolbar WCAG 2.0 umsetzen, testen und evaluieren - BS 162,

13 IE Web Accessibility Toolbar HTML-Code testen Stylesheets deaktivieren Farbkontraste überprüfen Skalierbarkeit des Layouts testen Best. Auflösung für das Browser-Fenster wählen Liste aller Bilder mit Alternativtexte einblenden Überschriften, Listen, Akronyme, Abkürzungen, Tabellenüberschriften etc. überprüfen Quelle: Kerstin Matausch, Sonja Eichinger. Workshop Content barrierefrei publizieren. WCAG 2.0 umsetzen, testen und evaluieren - BS 162,

14 Mozilla Accessibility Toolbar Text- und Bild- Alternativen ansehen Überschriften, Listen, Links, Menüs, Image-Maps etc. überprüfen Scripts, Mouse-Events etc. ausschalten HTML-Code kontrollieren Seite ohne Stylesheets, Layout-Tabellen usw. ansehen Tastaturkürzel anzeigen Quelle: Kerstin Matausch, Sonja Eichinger. Workshop Content barrierefrei publizieren. WCAG 2.0 umsetzen, testen und evaluieren - BS 162,

15 Screenreader Ein Screenreader ist ein Software-Produkt, welches Bedienelemente und Texte mittels Sprachsynthese akustisch zumeist über eine Soundkarte oder taktil über eine Braillezeile ausgibt. Screenreader werden beinahe ausschließlich mit Tastatur bedient. Bekannte Produkte: Blindows, HAL, Jaws, Virgo, Window-Eyes, NVDA Jaws-Testversion: WCAG 2.0 umsetzen, testen und evaluieren - BS 162,

16 Text-Browser Können nur einfachen Text und Textformate wie HTML oder XML interpretieren und darstellen. Sind besonders für Blinde nützlich, die das Internet barrierefrei nutzen wollen. Mit ihnen kann Text leicht in Sprache umgewandelt werden. Bedienung ausschließlich über Tastatur. Bekannte Produkte: Lynx, Webformator, Elinks Webformator: WCAG 2.0 umsetzen, testen und evaluieren - BS 162,

17 Screenreader JAWS Bedienung JAWS-Taste + F5 JAWS-Taste + F6 JAWS-Taste + F7 JAWS-Taste + F8 JAWS-Taste + F3 Formularmodus Überschriften Links Listen Alle Strukturmodi JAWS-Taste = Taste EINFÜGEN (meist) Tabulator: jeweils zum nächsten fokussierbaren Element (Link, Formularfeld/Button). Pfeiltasten: links/rechts 1 Zeichen zurück / vorwärts rauf/runter 1 Zeile hinauf / hinunter WebAim: Using JAWS to Evaluate Web Accessibility WCAG 2.0 umsetzen, testen und evaluieren - BS 162,

18 Webformator Bedienung F12 Tab Deaktivieren / Aktivieren im aktuellen Browserfenster Springt zum nächsten fokussierbaren Element (Link, Formularfeld/Button) Strg + H Strg + L Strg + F Zur nächsten Überschrift springen Öffnet die Liste aller Links Suche öffnen WCAG 2.0 umsetzen, testen und evaluieren - BS 162,

19 W3C Validatoren W3C Markup Validation Service validiert den Code einer Webseite nach HTML, XHTML, SMIL, MathML, W3C CSS Validierungsservice validiert die Styleheets (CSS-Daten) / Formatangaben für die Webseiten nach CSS, SVG, WCAG 2.0 umsetzen, testen und evaluieren - BS 162,

20 Automatisierte Prüfung Farben / Kontraste VisCheck Online-Werkzeug zur Simulation von Farbenblindheit. Simuliert Webseite oder Bilddatei. Rohschnitt - Kontrasttest Online-Tool zum Ermitteln des Farbkontrastes zwischen Schrift und Hintergrund einer Website. WCAG 2.0 umsetzen, testen und evaluieren - BS 162,

21 Automatisierte Testtools für WCAG 2.0 Derzeit gibt es leider keine verlässlichen Tools händisch Testen ist angesagt Außerdem, falls man Testtools dennoch einsetzt: Die Ergebnisse von automatischen Prüftools sind unvollständig und müssen korrekt interpretiert werden! Ein grünes Häkchen oder Ja (erfüllt) impliziert NICHT automatisch die Erfüllung der Kriterien für Barrierefreiheit. Details und Hinweise sind relevant! WCAG 2.0 umsetzen, testen und evaluieren - BS 162,

22 Referenzen/Quellen: Caldwell, B., Cooper, M., Reid, L.G., Vanderheiden, G.: Web Content Accessibility Guidelines 2.0, W3C Recommondation 11 December 2008, WAI, W3C Matausch, K., Eichinger, S.: Workshopunterlagen Content barrierefrei publizieren. WCAG 2.0 umsetzen, testen und evaluieren - BS 162,

23 Danke für Ihre Aufmerksamkeit! Dipl.-Ing. Gerhard Nussbaum Kompetenznetzwerk KI-I Altenberger Straße Linz Tel: Fax: