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: 90,25 Punkte Gesamtbewertung: 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 9,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/7

2 Prüfauftrag Die Prüfung wurde in Auftrag gegeben von: Staatliche Kunstsammlungen Dresden Taschenberg Dresden Prüfgegenstand Folgende Seiten wurden vollständig geprüft: Seite 1 (Startseite) Titel: Staatliche Kunstsammlungen Dresden - Startseite URL: Seite 2 (Museen/Institutionen) Titel: Staatliche Kunstsammlungen Dresden - Museen & Institutionen URL: Seite 3 (Inhalt/Video) Titel: Staatliche Kunstsammlungen Dresden - Eröffnung Riesensaal Rüstkammer 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 2 Anforderungen wurden als " " bewertet. Für sie wird jeweils der volle Punktwert abgezogen. Prüfschritt Gewichtung Punktabzug 1.2.2a - Videos mit Untertiteln hoch b - Anderssprachige Wörter ausgezeichnet gering 1 2/7

3 Eher e Anforderungen Keine Anforderung wurde als "eher " bewertet. Teilweise e Anforderungen 1 Anforderung wurde als "teilweise " bewertet. Für sie werden 50% des Punktwerts abgezogen. Prüfschritt Gewichtung Punktabzug 1.4.4a - Schriftgröße variabel mittel 1 Eher e Anforderungen 9 Anforderungen wurden als "eher " bewertet. Für sie werden jeweils 25% des Punktwerts abgezogen. Prüfschritt Gewichtung Punktabzug 1.1.1b - Alternativtexte für Grafiken und Objekte hoch 0, a - HTML-Strukturelemente für Überschriften hoch 0, d - Inhalte gegliedert mittel 0, b - Kontraste von Grafiken ausreichend mittel 0, c - Inhalte bei benutzerdefinierten Farben erkennbar mittel 0, a - Verzicht auf Schriftgrafiken mittel 0, a - Bewegte Inhalte abschaltbar mittel 0, a - Schlüssige Reihenfolge bei der Tastaturbedienung mittel 0, a - Aktuelle Position des Fokus deutlich gering 0,25 Erfüllte Anforderungen 25 Anforderungen wurden als "" bewertet. Nicht e Anforderungen 13 Anforderungen wurden als " " bewertet. Gesamtergebnis Die Summe der Punktabzüge beträgt 9,75 Punkte. Für die Website ergibt sich daraus ein Gesamtergebnis von 90,25 Punkten. Ergebnisse für einzelne Seiten Seite Punkte Seite 1 (Startseite) 95,25 Seite 2 (Museen/Institutionen) 97,5 Seite 3 (Inhalt/Video) 92,5 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/7

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 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 eher Die Doppelung von alt und title-attribut ist für Screenreader-Nutzer störend. Sie könnte dann dazu führen, dass die title-funktion abgeschaltet wird und sie dann mehr zur Verfügung steht, wenn sie gebraucht wird (z.b. bei ergänzenden Informationen). Seite 3: / Die Copyright-Hinweise sollten im alt-text genannt werden. Wenn, dann sollten sie in das title-attribut (hier sollte jedoch der alt-text wiederholt werden, siehe allg. Anmerkung). Seite 1: Seite 2: Seite 3: eher / Das Logo "Beauftragter der Bundesregierung für Kultur und Medien" hat ein leeres alt-attribut. Seite 2: 1.2.2a - Videos mit Untertiteln Seite 1: Seite 2: 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 eher Seite 1: eher / Die Überschriften der 3 grauen Kästen sind mit h3 ausgezeichnet. Somit sind sie jeweils der letzten h2 untergeordnet, was inhaltlich keinen Sinn macht. Sie sollten auf derselben Ebene, wie die vorherigen Überschriften sein. Auch in der rechten Spalte wäre eine Auszeichnung mit h2 statt h3 bzgl. der Hierarchie logischer. Seite 2: Seite 3: 1.3.1d - Inhalte gegliedert eher Seite 1: / Leere Absätze und das Erzeugen mittels doppeltem br sollte vermieden werden (rechte Spalte, unterhalb des Inhaltsbereiches). Seite 2: Seite 3: eher / - Der Abschnitt 4/7

5 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 1.4.3b - Kontraste von Grafiken ausreichend 1.4.3c - Inhalte bei benutzerdefinierten Farben erkennbar eher eher "Besucherinformation" (rechte Spalte) ist visuell in mehrere Abschnitte aufgeteilt. Dies sollte auch über die Gliederung mit p-elementen deutlich werden. Hervorhebungen sollten mit strong statt b erfolgen (rechte Spalte "Besucherinformation"). Seite 1: eher / Betrifft teilweise die Texte in den grafischen Banner im Kopfbereich. Z.B. "Erschütterung der Sinne" oder "Meisterwerke der Kunst". Seite 2: Seite 3: Bei benutzerdefinierten Farben mehr erkennbar: Das Logo "Staatliche Kunstsammlungen Dresden" Submit-Button "Suche" Kalender: Blätterschaltfläche (Monat), Markierung aktuellen Tages. Seite 1: eher / Siehe allg. Anmerkungen Seite 2: teilweise / Siehe allg. Anmerkungen Grafisches Navigationsmodul "Museen und Institutionen" ist bei benutzerdefinierten Farben mehr zu sehen. Seite 3: eher / Siehe allg. Anmerkungen "+"-Symbole, die die Möglichkeit der Bildvergrößerung anzeigen, sind bei benutzerdefinierten Farben mehr zu sehen a - Schriftgröße variabel teilweise Test erfolgt mit Bildschirmauflösung 1024 x 768 Px. Firefox: Ansicht - Zoom - nur Text zoomen, 4- fache Vergrößerung. Internet Explorer: Ansicht - Textgröße - sehr groß. Hauptnavigation / Museen & Institutionen 5/7

6 1.4.4b - Bei Zoom auf 200% benutzbar (Ausklapp-Menü): Im IE sind die Namen der Museen vergrößerbar (Auszeichnung in px?). Mit Firefox sind die Texte vergrößerbar, hier kommt es allerdings zu starken Überlagerungen. Die Inhalte sind teilweise mehr lesbar. Die Beschriftung des Selects "Sprache" ist im unteren Bereich leicht angeschnitten. Seite 1: teilweise / - Bei Schriftvergrößerung bricht das Hauptmenü in die nächste Zeile um, so dass die Optionen "Forschung", "Museum erleben", "Über uns" keinen eigenen Hintergund mehr haben und nur noch sehr schlecht lesbar sind, da sie über dem Bild liegen. Auf den Inhaltsseiten ist dieses Verhalten unproblematisch. Hier gibt es einen neutralen Hintergrund. IE: Die zweizeiligen Überschriften haben bei Schriftvergrößerung zu wenig Durchschuß und sind somit schlechter lesbar. Seite 2: eher / Siehe allgemeine Anmerkung. Seite 3: teilweise / - Lange Begriffe des Bereichsmenüs ragen in den Inhaltsbereich hinein. Der Begriff des zweiten Reiters des Reitermoduls (Die Rüstkammer im Residentzschloss) bricht in die nächste Zeile um und wird so mehr als Reiter deutlich (und ist auch mehr anklickbar) a - Verzicht auf Schriftgrafiken eher Seite 1: eher / Betrifft hier die Schriftgrafiken unterhalb der Hauptnavigation. Seite 2: Seite 3: 2.1.1a - Ohne Maus nutzbar 2.2.1a - Zeitbegrenzungen anpassbar 2.2.2a - Bewegte Inhalte abschaltbar eher Seite 1: eher / Betrifft die Bildwechsel- Funktion auf der Startseite. Seite 2: Seite 3: 2.3.1a - Verzicht auf Flackern 2.4.1a - Inhaltsbereiche strukturiert 2.4.2a - Sinnvolle Dokumenttitel 2.4.3a - Schlüssige Reihenfolge bei der Tastaturbedienung 2.4.4a - Aussagekräftige Linktexte 2.4.4b - Links informieren über Dateiformat eher Seite 1: Seite 2: Seite 2: Seite 3: 6/7

7 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 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 4.1.1b - Verzicht auf veraltete Elemente und Attribute 4.1.2a - Name und Rolle von Bedienelementen verfügbar eher Seite 1: Seite 2: Seite 3: eher / - Die Fokushervorhebung sollte bei Tastaturnutzung mindestens so gut sein wie bei Mausnutzung. Bei den Grafiken der linken Spalte sollte wie bei Mausnutzung das "+"-Icon über Farbwechsel hervorgehoben werden. Dies ist hier insbesondere wichtig, weil es sich um mehrere Grafiken hintereinander handelt und der graue Systemkranz schlecht zu sehen ist. (Der Fokus auf dem Schließen-Button wird unterdrückt. Allerdings gibt es für sehende Tastaturnutzer den Hinweis auf "Schließen mit Escape".) Alle vorkommenden anderssprachigen Wörter (Hauptnavigation: "In the shade of absence", "... Summer - International Academy for the Arts", "Google Art Project", Sprachen des Sprachenselects) sind ausgezeichnet. 7/7