barrierefrei informieren und kommunizieren BIK Prüfbericht zum abschließenden BITV-Test BIK Beratungsstelle Hamburg Thomas Mayer c/o BSVH Holsteinischer Kamp 26 22081 Hamburg Telefon: (040) 20 94 04 27 Fax: (040) 20 94 04 30 E-Mail: t.mayer@bsvh.org www.bik-online.info Untersuchte Website: http://www.sennheiser-connect.com/ Prüfstelle: BIK Beratungsstelle Hamburg Prüfverfahren: abschließender BITV-Test Prüfer: Thomas Mayer Prüfdatum: 10.07.2014 Gesamtergebnis: 98 Punkte Gesamtbewertung: sehr 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 2 Punkte. Dieser Prüfbericht wurde erstellt am: 21.07.2014 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 2011. Ausführliche Informationen zum Prüfverfahren: www.bitvtest.de. 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/6
Prüfauftrag Die Prüfung wurde in Auftrag gegeben von: Sennheiser Streaming Technologies GmbH Büro Hamburg Friesenweg 7 DE - 22763 Hamburg Prüfgegenstand Folgende Seiten wurden vollständig geprüft: Seite 1 Titel: URL: http://www.sennheiser-connect.com/ Seite 2 Titel: URL: http://www.sennheiser-connect.com/datenschutz.html 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. Eher nicht e Anforderungen Keine Anforderung wurde als "eher nicht " bewertet. Teilweise e Anforderungen Keine Anforderung wurde als "teilweise " bewertet. Eher e Anforderungen 4 Anforderungen wurden als "eher " bewertet. Für sie werden jeweils 25% des Punktwerts abgezogen. 2/6
Prüfschritt Gewichtung Punktabzug 1.4.3c - Inhalte bei benutzerdefinierten Farben erkennbar mittel 0,5 2.4.2a - Sinnvolle Dokumenttitel mittel 0,5 2.4.7a - Aktuelle Position des Fokus deutlich gering 0,25 3.2.3a - Navigation einheitlich hoch 0,75 Erfüllte Anforderungen 29 Anforderungen wurden als "" bewertet. Nicht anwendbare Anforderungen 17 Anforderungen wurden als "" bewertet. Gesamtergebnis Die Summe der Punktabzüge beträgt 2 Punkte. Für die Website ergibt sich daraus ein Gesamtergebnis von 98 Punkten. Ergebnisse für einzelne Seiten Seite Seite 1 98,5 Punkte Seite 2 97,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 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 Seite 2: Seite 1: / Die alt-texte zu den Icons im Bereich "Mobile Solutions und smart Services" "Icon mit drei Kreisen symbolisiert plattformübergreifende Entwicklung" usw. sind eher überflüssig. Ein leeres alt-attribut wäre hier besser. 3/6
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 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 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 eher Die h4-überschriften für die Navigation am Seitenende fallen etwas aus der Reihe. Besser wäre hier eine vorangestellte (versteckte) h2 (z. B. "Links zu anderen Sennheiser-Produkten"). Die Unternavigationspunkte könnten dann mit h3 ausgezeichnet werden. Seite 2: Logo "Sennheiser" (am Anfang und Ende der Seiten) hat einen transparenten Hintergrund und ist abhängig von der gewählten Hintergrundfarbe evtl. schlecht erkennbar. Seite 1: eher / Ebenfalls einen transparenten Hintergrund haben hier verschiedene Icons (z.b. Mail) und eine Infografik. 2.4.2a - Sinnvolle Dokumenttitel eher Beide Seiten haben identische Dokumenttitel. Bei der 2. Seite sollte auf den Seiteninhalt (Datenschutz) im Seitentitel eingegangen werden. Seite 1: Seite 2: teilweise 4/6
2.4.3a - Schlüssige Reihenfolge bei der Tastaturbedienung 2.4.4a - Aussagekräftige Linktexte 2.4.4b - 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 eher Seite 1: eher / Die Fokushervorhebung auf dem Link "English" ist bei Tastaturnutzung etwas schlechter sichtbar als bei Mausnutzung (Systemkranz statt, wie bei Mausnutzung, Entfernen der Unterstreichung). Die Fokushervorhebung auf dem Icon mit Briefumschlag ist schlecht sichtbar. Die Hervorhebung auf dem folgenden Link (E-Mail- Adresse ist buggy (Fokus wird durch Unterstreichung angezeigt, aber beim Weitertabben in den Fußbereich nicht wieder entfernt). Siehe auch Prüfschritt 3.2.3a "Navigation einheitlich". Seite 2: 2.4.8a - Position im Webauftritt klar Position bei Aufruf der Seite Datenschutz etwas unklar (kein Seitenpfad, und die Hauptseite ist nicht verlinkt). Bewertung siehe Prüfschritt 3.2.3a "Navigation einheitlich". 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 Die Seite Datenschutz steht wie die Seiten Impressum und Rechtliche Hinweise in keinem klaren Zusammenhang zur Sennheiser Streaming Technologies-Hauptseite. Die Hauptseite ist nicht über ein SST Logo oder einen Seitenpfad verlinkt und auch über die Zurück-Taste des Browsers nicht erreichbar, da sie (browser-einstellungsabhängig) in einem neuen Tab bzw. Fenster öffnet. Ein Seitenpfad exisitiert nicht. Der Fußbereich bezieht sich auf die gesamte Sennheiser Seite, die Abgrenzung zu Sennheiser Streaming Technologies ist deshalb nicht ganz einfach. Auch ein Link zu SST besteht dort (noch) 5/6
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 nicht. Die Fokushervorhebung auf der Hauptseite ist nicht ganz konsistent: Die meisten fokussierten Links werden beim Fokussieren durch Entfernen der Unterstreichung angezeigt, nicht so der Kontakt-Link (Email) oberhalb des Fußbereichs (vergl. auch Prüfschritt 2.4.7a "Aktuelle Position des Fokus deutlich"). Die Linkhervorhebung auf den Textlinks zur Sprachauswahl am Seitenbeginn sieht noch mal anders aus. 6/6