Prüfbericht zum abschließenden BITV-Test

Transkript

1 barrierefrei informieren und kommunizieren BIK Prüfbericht zum abschließenden BITV-Test BIK Beratungsstelle Hamburg Detlev Fischer c/o DIAS GmbH Schulterblatt Hamburg Telefon: (040) Fax: (040) Untersuchte Website: Prüfstelle: BIK Beratungsstelle Hamburg Prüfverfahren: abschließender BITV-Test Prüfer: Detlev Fischer Prüfdatum: Gesamtergebnis: 99,25 Punkte Gesamtbewertung: sehr gut zugänglich Ein Webauftritt, der alle Anforderungen des BITV-Tests, erreicht ein Ergebnis von 100 Punkten. Anforderungen, die oder nur teilweise sind, führen zu Punktabzügen. Die Summe der Punktabzüge für oder nur teilweise e Anforderungen beträgt in diesem Test 0,75 Punkte. Dieser Prüfbericht wurde erstellt am: Vereinbart wurde: Die Prüfstelle legt die Anzahl der zu prüfenden Seiten fest und wählt eingehend zu prüfende Seiten aus. Das Ergebnis der Prüfung kann veröffentlicht werden. Die direkte Zugänglichkeit programmierter Objekte wird geprüft. Das Prüfergebnis gilt also gegebenenfalls für den gesamten Webauftritt. Geprüft wird die "Normalversion" des Webauftritts. Spezielle Textversionen für Behinderte werden in die Prüfung einbezogen. Der BITV-Test basiert auf Teil 1 der Anlage der Verordnung zur Schaffung barrierefreier Informationstechnik nach dem Behindertengleichstellungsgesetz (Barrierefreie Informationstechnik-Verordnung - BITV 2.0) vom 12. September Ausführliche Informationen zum Prüfverfahren: BIK ist ein Gemeinschaftsprojekt des DBSV (Deutscher Blinden- und Sehbehindertenverband e.v.), des DVBS (Deutscher Verein der Blinden und Sehbehinderten in Studium und Beruf e.v.) und der DIAS GmbH. Das Projekt wird durch das Bundesministerium für Arbeit und Soziales gefördert. 1/8

2 Prüfauftrag Die Prüfung wurde in Auftrag gegeben von: Goethe-Institut e. V. Dachauer Straße München Verantwortlich: Herr Dr. Roland Meinert Frau Prof. Dr. Evelyn Frey Online-Konzept / Koordination: Felix Brandl, Graphik-Design, München Barrierefreie Programmierung: Klaus Lofing, München Prüfgegenstand Folgende Seiten wurden vollständig geprüft: Seite 1 (B2 - Übungssatz 03: Lesen) Titel: GOETHE-ZERTIFIKAT B2 - Lesen URL: Seite 2 (B2 - Übungssatz 03: Hören) Titel: GOETHE-ZERTIFIKAT B2 - Hören URL: Seite 3 (B2 - Übungssatz 03: Schreiben - Eingabefeld) Titel: GOETHE-ZERTIFIKAT B2 - Schreiben URL: Anmerkung zur Dokumentation des Prüfgegenstands: Die Seiten wurden soweit möglich zum angegebenen Zeitpunkt heruntergeladen (bzw. generiert). Spätere Änderungen der geprüften Seiten waren Gegenstand der Prüfung. Prüfergebnis Insgesamt 50 Anforderungen werden im BITV-Test überprüft. Anforderungen, die vollständig sind, führen zu Punktabzügen. Die Anforderungen sind unterschiedlich gewichtet. Je nach Gewichtung werden für oder vollständig e Anforderungen bis zu 3 Punkte abgezogen. Gewichtung hoch mittel niedrig Punktwert 3 Punkte 2 Punkte 1 Punkt Nicht e Anforderungen Keine Anforderung wurde als " " bewertet. 2/8

3 Eher e Anforderungen Keine Anforderung wurde als "eher " bewertet. Teilweise e Anforderungen Keine Anforderung wurde als "teilweise " bewertet. Eher e Anforderungen 1 Anforderung wurde als "eher " bewertet. Für sie werden 25% des Punktwerts abgezogen. Prüfschritt Gewichtung Punktabzug 2.4.8a - Position im Webauftritt klar hoch 0,75 Erfüllte Anforderungen 37 Anforderungen wurden als "" bewertet. Nicht e Anforderungen 12 Anforderungen wurden als " " bewertet. Gesamtergebnis Die Summe der Punktabzüge beträgt 0,75 Punkte. Für die Website ergibt sich daraus ein Gesamtergebnis von 99,25 Punkten. Ergebnisse für einzelne Seiten Seite Punkte Seite 1 (B2 - Übungssatz 03: Lesen) 99,25 Seite 2 (B2 - Übungssatz 03: Hören) 99,25 Seite 3 (B2 - Übungssatz 03: Schreiben - Eingabefeld) 99,25 Hinweis: Im Gesamtergebnis für den Webauftritt können sich unterschiedliche Mängel einzelner geprüfter Seiten summieren. Das Gesamtergebnis kann daher schlechter sein als das durchschnittliche Ergebnis der geprüften Seiten. Anmerkungen zu einzelnen Prüfschritten Die folgende Tabelle zeigt Anmerkungen zu einzelnen Prüfschritten. Die Spalte "Bewertung" enthält die zusammenfassende Bewertung des Prüfschritts. Prüfschritt Bewertung Anmerkung 1.1.1a - Alternativtexte für Bedienelemente Seite 1: / Hinweis: Sinnvoll wäre die Einbindung der vorangestellten Pfeile mit leerem Alternativtext in die Textlinks, so dass auch sie anklickbar wären. Seite 2: / Die Wiederholung der Alternativtexte der "Start"-, "Pause"- und "Stopp"-Buttons im title-attribut sinnvolll, sondern für Screenreadernutzer störend - der Zweck für Sehende ist aus dem Kontext klar. Siehe auch die Hinweise in Prüfschritt 3.2.3a "Navigation einheitlich". 3/8

4 1.1.1b - Alternativtexte für Grafiken und Objekte 1.1.1c - Leere alt-attribute für Layoutgrafiken 1.1.1d - Alternativen für CAPTCHAs 1.2.1a - Alternativen für Audiodateien und stumme Videos 1.2.2a - Videos mit Untertiteln 1.2.3a - Audiodeskription für Videos 1.3.1a - HTML-Strukturelemente für Überschriften 1.3.1b - HTML-Strukturelemente für Listen 1.3.1c - HTML-Strukturelemente für Zitate 1.3.1d - Inhalte gegliedert 1.3.1e - Datentabellen richtig aufgebaut 1.3.1f - Zuordnung von Tabellenzellen 1.3.1g - Kein Strukturmarkup für Layouttabellen 1.3.2a - Layouttabellen linearisierbar Siehe Hinweis in Prüfschrtitt 1.1.1a zu den Pfeilen mit leerem Alternativtext. Seite 1: Seite 2: / Im Kontext der Aufgabe (Hörkompetenz) ist eine Textversion sinnvoll. Es gibt Versionen in Gebärdensprache und eine Lippenlese-Video-Version. Seite 3: Seite 2: / Im Kontext der Aufgabe "Hörverstehen" sind Untertitel bei den Videos sinnvoll, denn beide sind Alternativen zur Audiodatei (Gebärdenvideo, Lippenlese-Video). Seite 2: / Keine Video-Inhalte, die eine Audiodeskription verlangen würden. Seite 1: / Die doppelte Überschrift der Teilaufgaben im Bereich "Aufgabe 1" - "Theaterstücke" sollte besser von nur einem Überschriften-Tag umschlossen werden, da sie inhaltlich zusammengehören. Der "Sie suchen ein passendes Theaterstück für:" eignet sich gut als Überrschrift. Denkbar wäre die Zusammenlegung in eine Überschrift, etwa Antworten "Aufgabe 1: Suche nach passendem Theaterstück" Seite 2: / Die Gliederung der Abschnitte "Informationen 1" bis "Informationen 7" in Aufgabe 1 könnte besser ohne die immer gleichlautenden h5-überschriften umgesetzt werden - strong würde zur Auszeichnung reichen. 4/8

5 1.3.2b - Sinnvolle Reihenfolge 1.3.3a - Ohne Bezug auf sensorische Merkmale nutzbar 1.4.2a - Ton abschaltbar 1.4.3a - Kontraste von Texten ausreichend 1.4.3b - Kontraste von Grafiken ausreichend 1.4.3c - Inhalte bei benutzerdefinierten Farben erkennbar 1.4.4a - Schriftgröße variabel 1.4.4b - Bei Zoom auf 200% benutzbar Seite 3: / Textblöcke "Inhaltspunkte" im IE bei 200% klar von einander abgegrenzt a - Verzicht auf Schriftgrafiken 2.1.1a - Ohne Maus nutzbar Seite 2: / Internet Explorer 8: nach dem Start eines Videos lässt sich dieses per Tastatur mehr in den Vollbildmodus schalten. Wenn der Nutzer zuerst den Vollbildmodus aktiviert, kann dieses per Tastatur mehr gestartet werden. Firefox 19: sobald das Multimedia-Element (Video inklusive Steuertasten) den Fokus verliert, schließt sich auch das Video. Der Nutzer hat so die Möglichkeit, während des Videos zu den Fragen zu navigieren a - Zeitbegrenzungen anpassbar 2.2.2a - Bewegte Inhalte abschaltbar 2.3.1a - Verzicht auf Flackern 2.4.1a - Inhaltsbereiche strukturiert 2 der der 3 Sprunglinks zu Beginn der Seite ("Hauptnavigation", "Zusatzinformationen") verschieben den sichtbaren Fokus vollständig, die 2 Menüs sind komplett lesbar a - Sinnvolle Dokumenttitel 2.4.3a - Schlüssige Reihenfolge bei der Tastaturbedienung 2.4.4a - Aussagekräftige Linktexte Die redundanten title-attribute auf den vielen Textlinks sind störend und unnötig: die Linktexte werden bei Screenreader- Ausgabeabhängig von den Einstellungen doppelt vorgelesen. Seite 1: / Siehe aber allgemeine Anmerkung. Seite 2: / Siehe aber allgemeine Anmerkung. Seite 3: / Siehe aber allgemeine Anmerkung. 5/8

6 2.4.4b - Links informieren über Dateiformat Seite 1: Seite 3: 2.4.5a - Alternative Zugangswege Verschiedene Zugangswege hier sinnvoll: es handelt sich um Prozesse a - Title-Attribut für Symbole Seite 2: / Die redundanten title- Attribute auf den Videoplayer-Bedienelementen "Start", "Pause" und "Stopp" sind unnötig. Die Elemente sind (abgesehen von den atypischen Symbole zum Vergrößern und Verkleinern der Videos) konventionell, und der Kontext der Seite macht die Bedeutung zusätzlich klar. Bei der Verdoppelung von alt- und title- Attributen werden von Screenreadern (abhängig von Nutzereinstellungen) Texte doppelt vogelesen. Falls dennoch title-attribute verwendet werden, sollten sie besser kurz sein ("Start", "Pause", Vergrößern", "Verkleinern", " Stopp"). Siehe auch den Hinweis zur mangelnden Konventionalität der Symbole zum Vergrößern und Verkleinern in Prüfschritt 3.2.3a "Navigation einheitlich" a - Aktuelle Position des Fokus deutlich Im Firefox ist der Default-Fokus auf den Radiobuttons sehr schlecht zu sehen, was die Sichtbarkeit der Position erschwert. Ein deutlicherer Fokus über CSS wäre wünschenswert a - Position im Webauftritt klar eher Die Orientierung auf der Seite wird erschwert durch die Fülle und Komplexität der auf der Seite enthaltenen Aufgaben. Die Abschnitte tragen themenspezifische sondern generische Überschriften (z.b. "Aufgabe 1"). Eine einfachere Gliederung (etwa pro Aufgabe eine Seite) und Überschriften, die den Inhalt der Aufgabe widerspiegeln, würden die Orientierung im Webauftritt erleichtern. Die Verbindung zusammengehöriger Teile auf den Seiten über Sprunglinks macht die Nutzung zum Teil unnötig umständlich, vor allem, wenn zur Lösung der Aufgabe erforderliche Informationen im unmittelbaren Kontext der Antwortoptionen angeboten werden und deshalb ein häufiges Hin-und Herspringen notwendig wird. So wäre auf Seite 1 die Zuordnung der Theaterstücke zu den Optionen / Radio-Buttons a-h sehr viel einfacher, wenn diese nur mit einem Buchstaben und dem sehr langen und immer gleichbleibenden (und deshalb kaum hilfreichen) legend-text beschriftet wären, sondern mit den Titeln der Stücke A-H, welche für die Nutzer im vorangehenden (und bei der Beantwortung der Fragen mehr sichtbaren) 6/8

7 2.4.8b - Zweck der Alternativversion einleuchtend 3.1.1a - Hauptsprache angegeben 3.1.2a - Anderssprachige Abschnitte ausgezeichnet 3.1.2b - Anderssprachige Wörter ausgezeichnet 3.2.1a - Kein Öffnen neuer Fenster beim Laden der Seite 3.2.2a - Keine unerwartete Kontextänderung bei Eingabe Abschnitt zusammenfassend beschrieben werden. Die gewählte Lösung erklärt sich aus der Orientierung an der Druckversion des Tests und trug deshalb s zum Punktabzug bei. Im Wesentlichen besteht das Usability-Problem, dass das notwendige Hin- und Her-Navigieren zwischen den Abschnitten zur Vergewisserung, welcher Buchstabe nun zu welchem Stück gehört, für alle Nutzer störend ist; die Navigation ist aber für blinde Nutzer weitaus zeitaufwendiger a - Navigation einheitlich S.1.: Die Verwendung von Großbuchstaben A-H vor den Abschnitten und Kleinbuchstaben a-h bei der Auswahl des Stückes ist möglicherweise verwirrend. Siehe auch Hinweis zum Problem der Orientierung / Position im Webauftritt in Prüfschritt 2.4.8a "Position im Webauftritt klar". S.2.: Die gewählten unkonventionellen Auf- und Ab-Pfeile zum Vergrößern / Verkleinern der Videos werden ohne Textzusatz sicher leicht missverstanden (und das title-atteribut ist für sehenden Tastaturnutzer zugänglich). Ihr Zustand reflektiert zudem den jeweiligen Zustand des Videos (so bleibt die Taste "Groß-Zoomen" aktiv, auch wenn das Video schon vergrößert ist und die Funktion mehr sinnvoll ist, löst aber keine Änderung mehr aus). Konventioneller wäre ein Austausch der Bedienelemente (also sichtbar wäre jeweils nur Vergrößern ODER Verkleinern, je nach Zustand des Videos), und die Nutzung eines konventionellen Symbols (etwa + und -) - oder aber die Nutzung von Symbolen, die aus anderen Online-Videoplayern geläufiger wären a - Fehlermeldungen hilfreich Seite 2: / Hinweis: Wenn im IE Flash Player installiert ist, gibt es keinen Hinweis auf dessen Fehlen, die Bedienelenmente zum Abspielen der Sounddatei und der Videos reagieren. 7/8

8 3.3.2a - Formularfelder richtig beschriftet 3.3.4a - Fehlervermeidung wird unterstützt 4.1.1a - Valides HTML 4.1.1b - Verzicht auf veraltete Elemente und Attribute 4.1.2a - Name und Rolle von Bedienelementen verfügbar Seite 1: / Hinweis: Die Buchstaben-Label der Radio-Buttons unter "Antworten Aufgabe 1" sind zur Lösung der Aufgabe hilfreich und erzwingen ein dauerndes Hin- und Herspringen zwischen Antworten dem Abschnitt, in dem die Theaterstücke beschrieben sind - ein Usability- Problem. 8/8