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: 94,5 Punkte Gesamtbewertung: gut zugänglich Ein Webauftritt, der alle Anforderungen des BITV-Tests, erreicht ein Ergebnis von 100 Punkten. Anforderungen, die nicht oder nur teilweise sind, führen zu Punktabzügen. Die Summe der Punktabzüge für nicht oder nur teilweise e Anforderungen beträgt in diesem Test 5,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 nicht geprüft. Das Prüfergebnis gilt also gegebenenfalls nicht für den gesamten Webauftritt. Geprüft wird die "Normalversion" des Webauftritts. Spezielle Textversionen für Behinderte werden nicht 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/10

2 Prüfauftrag Die Prüfung wurde in Auftrag gegeben von: Staats- und Universitaetsbibliothek Hamburg Carl von Ossietzky Von-Melle-Park 3, Hamburg Prüfgegenstand Folgende Seiten wurden vollständig geprüft: Seite 1 (Startseite) Titel: Startseite Stabi Hamburg URL: Seite 2 (Suche) Titel: Suche Stabi Hamburg URL: Seite 3 (E-Books) Titel: E-Books Stabi Hamburg URL: Anmerkung zum Prüfgegenstand: Die Prüfung ist beschränkt auf die Domains und Die Nutzung des Prüfsiegels ist nach erfolgreicher Prüfung nicht vorgesehen, da die Abgrenzung zwischen der geprüften Site und anderen nicht geprüften und nicht ausreichend barrierefreien Sites (etwa den Katalogen, in denen Suchergebnisse präsentiert werden) nicht deutlich ist. 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 nicht Gegenstand der Prüfung. Prüfergebnis Insgesamt 50 Anforderungen werden im BITV-Test überprüft. Anforderungen, die nicht vollständig sind, führen zu Punktabzügen. Die Anforderungen sind unterschiedlich gewichtet. Je nach Gewichtung werden für nicht oder nicht 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 "nicht " bewertet. 2/10

3 Eher nicht e Anforderungen Keine Anforderung wurde als "eher nicht " bewertet. Teilweise e Anforderungen 2 Anforderungen wurden als "teilweise " bewertet. Für sie werden jeweils 50% des Punktwerts abgezogen. Prüfschritt Gewichtung Punktabzug 1.3.1a - HTML-Strukturelemente für Überschriften hoch 1, a - Name und Rolle von Bedienelementen verfügbar mittel 1 Eher e Anforderungen 6 Anforderungen wurden als "eher " bewertet. Für sie werden jeweils 25% des Punktwerts abgezogen. Prüfschritt Gewichtung Punktabzug 1.1.1a - Alternativtexte für Bedienelemente hoch 0, d - Inhalte gegliedert mittel 0, a - Inhaltsbereiche strukturiert mittel 0, a - Schlüssige Reihenfolge bei der Tastaturbedienung mittel 0, b - Anderssprachige Wörter ausgezeichnet gering 0, a - Valides HTML mittel 0,5 Erfüllte Anforderungen 28 Anforderungen wurden als "" bewertet. Nicht anwendbare Anforderungen 14 Anforderungen wurden als "" bewertet. Gesamtergebnis Die Summe der Punktabzüge beträgt 5,5 Punkte. Für die Website ergibt sich daraus ein Gesamtergebnis von 94,5 Punkten. Ergebnisse für einzelne Seiten Seite Seite 1 (Startseite) 96,5 Seite 2 (Suche) 94 Punkte Seite 3 (E-Books) 94,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. 3/10

4 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 eher Die Verwendung von icon fonts für graphische Bedienelemente hat viele Nachteile: Wichtige mobile Browser (z.b. Opera Mini, ältere Android-Browser) unterstützen icon fonts nicht Ggf. wird der unverständliche font von der Sprachausgabe ausgegeben, wenn er nicht vor Screenreadern versteckt ist (hier nicht geschehen, deshalb vor allem nur "eher ") und erschwert damit das Verständnis des accessible name (hier über title geliefert) Manche Browser (ios / Safari / Voiceover) liefern title wie eine accessible description, also mit Verzögerung - ios Vocieover sagt "Hyperlink" und dann erst 2 Sekunden später den title (zu diesem Zeitpunkt haben viele blinde Nutzer längst weiternavigiert) In der gewählten Umsetzung scheinen unter ios/safari die Links "Hilfe / Suche / Mein Konto / Neu anmelden" mit eingeschaltetem VoiceOver allesamt nicht zu funktionieren (warum, ist unklar - das kann auch ein VoiceOver oder Browser-Bug sein, ist aber ein schwerwiegendes praktisches Problem) b - 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 teilweise Seite 1: Seite 2: Die Sitemap-Navigation hat keine eigene (versteckte) Überschrift, scheint den h2 der jeweils letzten Inhaltsüberschriften untergeordnet. Seite 1: eher / Die h3 Einträge in den Blätterbereichen Meldungen und Veranstaltungen sowie die weiteren den h2 Überschriften nachgeordneten und mit h3 ausgezeichneten Texte überschreiben nichts - die Überschriftenauszeichnung ist hier 4/10

5 1.3.1b - HTML-Strukturelemente für Listen 1.3.1c - HTML-Strukturelemente für Zitate unpassend. Ebenso verwittend ist, zusammenhängende Inhalte auf zwei Überschriften aufzuteilen (h2 "Guten Morgen!", dann h3 "Wir freuen uns über Ihren Besuch, wonach suchen Sie?"). Seite 2: eher nicht / Die Liste der Suchergebnisse sollte mit einer Überschrift überschrieben werden (zum Beispiel: "843 Treffer") damit sie von Screenreadernutzern direkt angesprungen werden kann. Auch die Suchergebnisse sind weder als Liste noch durch Überschriften gegliedert. Daduch werden Sie für Screenreader-Nutzer schlecht zugänglich. Seite 3: eher / Vergl. allgemeiner Hinweis. Seite 2: / Suchergebnisse weder als Liste noch durch Überschriften gegliedert (bewertet in Prüfschritt 1.3.1a) d - Inhalte gegliedert eher Seite 1: / Vergleiche missbräuchliche Verwendung von Überschriften-Markup zur Auszeichnung von Inhalten, bewertet in Prüfschritt 1.3.1a "HTML-Elemente für Überschriften". Seite 2: teilweise / Die Treffer sind lediglich über div und span ausgezeichnet. Treffer sollten entweder als Liste oder durch Überschrfiten-Markup strukturiert sein (vergl. besonders Prüfschritt 1.3.1a "HTML- Strukturelemente für Überschriften"). Seite 3: / Untertitel "Wie Sie unsere elektronischen Bücher nutzen können" in unsemantischem Element (div). Ein Absatz mit einem doppelten br erzeugt anstatt mit einem p-element e - 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 Ausgewählter Bereich im linksseitigen Ausklappmenü (rot auf dunkelgrau) hat mit 3,97:1 einen zu geringen Kontrast (SOLL: 4,5:1). Seite 1: / Siehe aber allgem. Hinweis. Seite 2: / Siehe aber allgem. Hinweis. 5/10

6 1.4.3b - Kontraste von Grafiken ausreichend 1.4.3c - Inhalte bei benutzerdefinierten Farben erkennbar Seite 3: / Siehe aber allgem. Hinweis a - Schriftgröße variabel Anmerkung zur integrierten Bewertung von Prüfschritt 1.4.4a und 1.4.4b: Im Zuge der Angleichung an die WCAG 2.0 werden die beiden im BITV-Test z.zt. noch getrennt vorhandenen Schriftvergrößerungs- Prüfschritte zukünftig zusammen genommen bewertet werden. Diese Entscheidung ist noch nicht verbindlich im BITV-Test Prüfverbund gefallen, ist aber im Ergebnis sehr wahrscheinlich, weswegen dieser Ansatz bereits in diesem entwicklungsbegleitenden Test verfolgt wird. Da nach WCAG 2.0 jede Art der Schriftvergrößerung zur Erfüllung von Success Criterion ausreicht, zählt im BITV-Test in Zukunft für beide Prüfschritte 1.4.4a und 1.4.4b die Bewertung des jeweils besser bewerteten Prüfschritts, d.h. der jeweils schlechter bewertete Prüfschritt wird unabhängig von dem schlechteren Prüfergebnis auf dem Wert des besser bewerteten Prüfschritts gestellt. Einträge im rechten Bereich des horizontalen Ausklappmenüs (Schnellzugriff) zum Teil etwas abgeschnitten, horizontales Scrollen nicht möglich. Seite 1: / Vielfältige Überlappungen von Text (Bewertung folgt aber Prüfschritt 1.4.4b) b - Bei Zoom auf 200% benutzbar Anmerkung zur integrierten Bewertung von Prüfschritt 1.4.4a und 1.4.4b: Im Zuge der Angleichung an die WCAG 2.0 werden die beiden im BITV-Test z.zt. noch getrennt vorhandenen Schriftvergrößerungs- Prüfschritte zukünftig zusammen genommen bewertet werden. Diese Entscheidung ist noch nicht verbindlich im BITV-Test Prüfverbund gefallen, ist aber im Ergebnis sehr wahrscheinlich, weswegen dieser Ansatz bereits in diesem entwicklungsbegleitenden Test verfolgt wird. Da nach WCAG 2.0 jede Art der Schriftvergrößerung zur Erfüllung von Success Criterion ausreicht, zählt im BITV-Test in Zukunft für beide Prüfschritte 1.4.4a und 1.4.4b die Bewertung des jeweils besser bewerteten Prüfschritts, d.h. der jeweils schlechter bewertete Prüfschritt wird unabhängig von dem schlechteren Prüfergebnis auf dem Wert des besser bewerteten Prüfschritts gestellt. 6/10

7 1.4.5a - Verzicht auf Schriftgrafiken 2.1.1a - Ohne Maus nutzbar Seite 1: / Die gewählte Lösung für die Auswahl des Suchbereichs (E-Zeitschriften, Beluga-Katalog usw.) ist prinzipiell voll tastaturnutzbar, aber ist nicht konventionell und nicht mit den semantisch angemessenen Rollen für eine Auswahllliste versehen. Sie wird von Screenreader-Nutzern deshalb möglicherwiese nicht wahrgenommen - die Folge wäre, dass die Suche auf die Default-Auswahl des Suchbereichs beschränkt scheint. In der Umsetzung ist visuell, aber nicht semantisch, ein select nachgebildet. Die Nutzung (Ausklappen über Enter, dann Durchtabben) entspricht nicht der erwarteten Nutzungsweise. Vergl. Bewertung in Prüfschritt 4.1.2a a - Zeitbegrenzungen anpassbar 2.2.2a - Bewegte Inhalte abschaltbar 2.3.1a - Verzicht auf Flackern 2.4.1a - Inhaltsbereiche strukturiert eher Es gibt zwar einen Sprunglink zum Inhaltsbereich, aber nicht zur wichtigen Suche. Um diese zu erreichen, müssen Tastaturnutzer die zahlreichen Links der von links ausklappenden Navigation durchlaufen - oder vom Beginn des Inhaltsbereichs aus zurücknavigieren. Der Sprunglink zum Inhaltsbereich funktioniert in manchen Nutzungsszenarien nicht - unklar ist, warum. Vielleicht hat das etwas mit der umfangreichen Nutzung von tabindex zu tun (vergl. Prüfschritt 2.4.3a "Schlüssige Reihenfolge bei der Tastaturbedienung")? Keine ARIA Landmarks. Überschriftenstruktur nicht auf das Erschließen der Bereiche (Navigation, Suche, Inhalt, Sitemap im Fußbereich) ausgelegt. Seite 1: eher / Die h3 "Wir freuen uns über Ihren Besuch, wonach suchen Sie?" die Aufgabe einer Überschrift für den Suchbereich nur unzureichend (das Wichtige kommt erst nach dem unwichtigen "Wir freuen uns über Ihren Besuch") Siehe vor allem auch allgemeine Anmerkungen. Seite 2: eher / Siehe allgemeine Anmerkungen. Seite 3: eher / Siehe allgemeine Anmerkungen a - Sinnvolle Dokumenttitel 2.4.3a - Schlüssige Reihenfolge bei der Tastaturbedienung eher Die Suche im Kopfbereich wird nicht analog zur visuellen Reihenfolge fokussiert, sondern erst nach der umfangreichen Navigation (siehe auch Bewertung im Prüfschritt 2.4.1a). 7/10

8 Responsive Ansicht: Die Fokusreihenfolge im Kopfbereich entspricht nicht der visuellen Reihenfolge. Das Servicemenü rechts wird vor dem Hauptmenü-Hamburger-Button fokussiert. Seite 1: eher / Die Reihenfolge der Fokussierung im Inhaltsbereich (tz.b: Weitere Informationen, dann Sprung nach links zu Aktuelle Meldungen) ist zum Teil gegenläufig zur Leserichtung. Zum Teil springt er Fokus auch nach rechts und eine Zeile nach oben (etwa von Bibliotheksausweis zu Wie finde ich ein Buch). Vergleiche auch allgemeine Anmerkungen. Seite 2: eher / Vergleiche allgemeine Anmerkungen. Seite 3: eher / Vergleiche allgemeine Anmerkungen a - Aussagekräftige Linktexte Der Icon-Link zur Sprachauswahl hat über das title-attribut den Namen "language", ohne Sprachauszeichnung. Sollte "Sprachauswahl" o. ä. sein. Vergleiche auch Prüfschritt 3.1.2b "Anderssprachige Wörter ausgezeichnet". Seite 1: / Siehe aber allgemeine Anmerkung. Seite 2: / Siehe aber allgemeine Anmerkung. Seite 3: / Siehe aber allgemeine Anmerkung b - Links informieren über Dateiformat 2.4.5a - Alternative Zugangswege 2.4.6a - Title-Attribut für Symbole 2.4.7a - 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 eher Fokus auf der wichtigen Ausklappliste für die Auswahl des Suchbereichs nur über Systemkranz - sollte deutlicher sein. Seite 1: / Siehe aber allgemeiner Hinweis. Seite 2: / Fokus auf dem Suchen-Button im Inhlatsbereich nur über Systemkranz - sollte deutlicher sein. Siehe aber allgemeiner Hinweis. Siehe auch allgemeiner Hinweis. Seite 3: / Siehe aber allgemeiner Hinweis. Im Menü Service, Publizieren: Open Access Seite 1: / Keine englischsprachigen Ausdrücke. Seite 2: Seite 3: eher / Begriffe größtenteils ohne 8/10

9 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 3.3.1a - Fehlermeldungen hilfreich 3.3.2a - Formularfelder richtig beschriftet 3.3.4a - Fehlervermeidung wird unterstützt 4.1.1a - Valides HTML eher Seite 1: Seite 2: Seite 3: nicht 4.1.1b - Verzicht auf veraltete Elemente und Attribute 4.1.2a - Name und Rolle von Bedienelementen verfügbar teilweise Sprachauszeichnung verständlich, sollten aber besser ausgezeichnet sein: E-Books, E-Book Collection, Books, E-Book Library Das Pseudo-Auswahlliste für den Suchbereich der Suche im Kopfbereich ist nicht beschriftet - hier wird vom Screenreader nur "Liste" ausgegeben, also weder der Default-Eintrag noch eine passende Rolle (bewertet wird das in Prüfschritt 4.1.2a). Die Auswahl des Suchbereichs (welcher Katalog?, Datenbanken, Website usw.) ist für den Erfolg der Nutzung zentral. Seite 1: / Siehe allgemeine Anmerkung. Seite 2: / Siehe allgemeine Anmerkung. Seite 3: / Siehe allgemeine Anmerkung. Suche im Kopfbereich: Das Anklickfeld für den Suchbereich (E-Zeitschriften, Beluga-Katalog, usw) übermittelt bei Fokussierung "Liste mit 1 Einträgen" - tatsächlich hat die Liste der Suchbereiche sechs Einträge. der neue Status (ausgeklappt) nicht über geeigente Attribute wie aria-expanded and Screenreader übergeben. Die passende Rolle für de Ausklappliste wäre die eines nativen select ("kombiniertes Eingabefeld ([Default-Wert] reduziert"), die passende Mausnutzungsweise die Pfeiltastennavigation zur Auswahl. Die Pfeiltastennavigation bei ausgeklappter Liste sollte mindestens zusätzlich unterstützt werden. Seite 1: teilweise / Suche im Inhaltsbereich: Nach Auswahl des Anklickfeldes für den Suchbereich (E-Zeitschriften, Beluga- Katalog, usw) wird der neue Status (ausgeklappt) nicht über geeigente Attribute wie aria-expanded and Screenreader übergeben. Die passende Rolle wäre die eines nativen select ("kombiniertes Eingabefeld ([Default- 9/10

10 Wert] reduziert"), die passende Mausnutzungsweise die Pfeiltastennavigation zur Auswahl. Seite 2: teilweise / Vergl. allgemeine Anmerkungen. Seite 3: teilweise / Ausklapp-Links sind nicht mit button oder Links mit der entsprechenden role="button" umgesetzt und geben nicht den Ausklapp-Status über aria-expanded wieder. Vergl. auch allgemeine Anmerkungen. 10/10