Prüfbericht zum abschließenden BITV-Test

Transkript

1 barrierefrei informieren und kommunizieren BIK Prüfbericht zum abschließenden BITV-Test BIK Beratungsstelle Hamburg Sonja Weckenmann 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: Sonja Weckenmann Prüfdatum: Gesamtergebnis: 97,5 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 2,5 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/7

2 Prüfauftrag Die Prüfung wurde in Auftrag gegeben von: Stiftung Preußischer Kulturbesitz Von-der-Heydt-Str Berlin Prüfgegenstand Folgende Seiten wurden vollständig geprüft: Seite 1 (Startseite) Titel: Startseite - Stiftung Preußischer Kulturbesitz URL: Seite 2 (Inhalt) Titel: Staatsbibliothek - Stiftung Preußischer Kulturbesitz URL: Seite 3 (Karte) Titel: Museumsinsel Berlin und historische Mitte - Stiftung Preußischer Kulturbesitz URL: Seite 4 (Formular) Titel: SPK-Magazin abonnieren - Stiftung preußischer Kulturbesitz 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. Eher e Anforderungen Keine Anforderung wurde als "eher " bewertet. 2/7

3 Teilweise e Anforderungen Keine Anforderung wurde als "teilweise " bewertet. Eher e Anforderungen 6 Anforderungen wurden als "eher " bewertet. Für sie werden jeweils 25% des Punktwerts abgezogen. Prüfschritt Gewichtung Punktabzug 1.4.3c - Inhalte bei benutzerdefinierten Farben erkennbar mittel 0, a - Schlüssige Reihenfolge bei der Tastaturbedienung mittel 0, a - Aktuelle Position des Fokus deutlich gering 0, b - Anderssprachige Wörter ausgezeichnet gering 0, a - Fehlermeldungen hilfreich mittel 0, a - Valides HTML mittel 0,5 Erfüllte Anforderungen 30 Anforderungen wurden als "" bewertet. Nicht e Anforderungen 14 Anforderungen wurden als " " bewertet. Gesamtergebnis Die Summe der Punktabzüge beträgt 2,5 Punkte. Für die Website ergibt sich daraus ein Gesamtergebnis von 97,5 Punkten. Ergebnisse für einzelne Seiten Seite Punkte Seite 1 (Startseite) 98,75 Seite 2 (Inhalt) 99,75 Seite 3 (Karte) 99,25 Seite 4 (Formular) 96,75 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: / Button "Animation anhalten/ abspielen": Besser wäre, wenn der Alternativtext eindeutig wäre, d.h. "Animation anhalten", wenn die Animation angehalten werden soll und "Animation abspielen", wenn die Animation abgespielt werden soll. 3/7

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 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 Seite 3: / Bilderkarussell: Die beiden Überschriften z.b. h3 "Pergamonmuseum" und h4 "Staatliche Museen zu Berlin" könnten gut mit einer Überschrift gegliedert und "Staatliche Museen zu Berlin" per CSS im Aussehen angepasst werden. Die Strukturierung des Inhaltsbereichs als Liste macht hier so viel Sinn. Seite 1: / Siehe allg. Angaben. Seite 2: / Siehe allg. Angaben. Seite 3: / Siehe allg. Anmerkung. Sinnvoll ist es in der rechten Spalte. Hier könnten dann die "Einrichtungen am Standort" wie "Bauvorhaben am Standort" als Liste ausgezeichnet sein (derzeit trifft dies nur für Letzteres zu). 4/7

5 1.4.3b - Kontraste von Grafiken ausreichend 1.4.3c - Inhalte bei benutzerdefinierten Farben erkennbar eher Seite 1: eher / Slideshow: Bei benutzerdefinierter Hintergrundfarbe sind die Bilder mehr sichtbar. Seite 2: / Bei benutzerdefinierter Hintergrundfarbe ist die Schließen-Schaltfläche der Lightbox nur noch als Kästchen (ohne "x") zu sehen. Die Schaltfläche hat jedoch ein title- Attribut und ist über "Escape" und mit einem Klick in den Seitenhintergrund zu schließen. Seite 3: eher / Bei benutzerdefinierter Hintergrundfarbe ist der Text auf den dunklen Bildern nur noch sehr schlecht lesbar. Seite 4: 1.4.4a - Schriftgröße variabel Seite 3: / Standortbeschriftungen innerhalb der Karte lassen sich im IE vergrößern b - Bei Zoom auf 200% benutzbar 1.4.5a - Verzicht auf Schriftgrafiken 2.1.1a - Ohne Maus nutzbar 2.2.1a - Zeitbegrenzungen anpassbar 2.2.2a - Bewegte Inhalte abschaltbar 2.3.1a - Verzicht auf Flackern 2.4.1a - Inhaltsbereiche strukturiert Der Sprunglink "Navigation" verweist auf die Bereichsüberschrift "Hauptnavigation". Da es die Bereichsüberschriften "Navigation" und "Hauptnavigation" gibt, wäre es sinnvoll hier den Sprunglink genau zu benennen. Man könnte auch noch eine untergeordnete Bereichsüberschrift h3 "Servicenavigation" nach h2 "Navigation" einfügen a - Sinnvolle Dokumenttitel 2.4.3a - Schlüssige Reihenfolge bei der Tastaturbedienung 2.4.4a - Aussagekräftige Linktexte eher Da der Breadcrumb-Pfad versteckt ist (er wird nur für Screenreadernutzer ausgegeben), ist der Fokus auf den Unterseiten über mehrere Stationen sichtbar. Der sehende Tastaturnutzer verliert so leicht die Orientierung bzgl. der Tab-Reihenfolge. Seite 1: Seite 2: / Siehe allg. Anmerkung. Seite 3: / Siehe allg. Anmerkung. Seite 4: eher / Siehe allg. Anmerkung. Hier handelt es sich um mehr als 3 Stationen, bei denen der Fokus sichtbar wird. Die Nachvollziehbarkeit der Tab-Reihenfolge wird dadurch erschwert. 5/7

6 2.4.4b - Links informieren über Dateiformat 2.4.5a - Alternative Zugangswege 2.4.6a - Title-Attribut für Symbole Seite 1: / Siehe PS "Alternativtexte für Bedienelemente" a - Aktuelle Position des Fokus deutlich 2.4.8a - Position im Webauftritt klar 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 3.2.3a - Navigation einheitlich eher eher Für sehende Tastaturbenutzer ist es wichtig, zu sehen, wo sich der Tastaturfokus gerade befindet, welcher Link also ausgelöst wird, wenn er die Enter-Taste drückt. Das ist z.b. bei den Verlinkungen des versteckten "Breadcrumb- Pfades" der Fall. Je nach Verschachtelungstiefe ist dann der Fokus über mehrere Stationen zu sehen (siehe auch PS "Schlüssige Reihenfolge bei Tastaturbedienung"). Für Screenreadernutzer wird der Pfad vorgelesen. Seite 1: eher / Siehe allg. Anmerkung. Seite 2: eher / Siehe allg. Anmerkung. IE: Das Foto "Staatsbibliothek" sollte zumindest einen Systemkranz als Fokushervorhebung haben. Seite 3: eher / Siehe allg. Anmerkung. IE: Es gibt keine Fokushervorhebung auf den Blätterpfeilen der einblendbaren Bilder- Karusselle. Seite 4: eher / Siehe allg. Anmerkung. Seite 1: teilweise / Nicht ausgezeichnet "Open Access", ("english" in der Navigation ist ausgezeichnet). Seite 2: Seite 3: Seite 4: 3.3.1a - Fehlermeldungen hilfreich eher Seite 1: Seite 2: Seite 3: Seite 4: eher / Die fehlerhaft ausgefüllten Felder sollten hervorgehoben werden. Dies ist hier besonders wichtig, da die Fehlermeldung 6/7

7 3.3.2a - Formularfelder richtig beschriftet 3.3.4a - Fehlervermeidung wird unterstützt selbst auf einer anderen Seite ausgegeben wird a - Valides HTML eher Seite 1: Seite 2: Seite 3: Seite 4: / Leeres Option-Element, siehe Zeile 176: <option value=""></ option> 4.1.1b - Verzicht auf veraltete Elemente und Attribute 4.1.2a - Name und Rolle von Bedienelementen verfügbar 7/7