Prüfbericht zum abschließenden BITV-Test

barrierefrei informieren und kommunizieren BIK Prüfbericht zum abschließenden BITV-Test BIK Beratungsstelle Hamburg Detlev Fischer c/o DIAS GmbH Schulterblatt 36 20357 Hamburg Telefon: (040) 431 875 25 Fax: (040) 431 875 19 E-Mail: detlev.fischer@testkreis.de www.bik-online.info Untersuchte Website: https://www.zdf.de/live-tv Prüfstelle: BIK Beratungsstelle Hamburg Prüfverfahren: abschließender BITV-Test Prüfer: Detlev Fischer Prüfdatum: 29.11.2016 Gesamtergebnis: 90,75 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 9,25 Punkte. Dieser Prüfbericht wurde erstellt am: 14.12.2016 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/12

Prüfauftrag Die Prüfung wurde in Auftrag gegeben von: ZDF 55100 Mainz Prüfgegenstand Folgende Seiten wurden vollständig geprüft: Seite 1 (Startseite) Titel: Startseite - ZDFmediathek URL: https://www.zdf.de/ Seite 2 (Livestreams und Programm) Titel: Livestreams und Programm - ZDFmediathek URL: https://www.zdf.de/live-tv Seite 3 (Rubrikseite Doku/Wissen) Titel: Doku/Wissen - ZDFmediathek URL: https://www.zdf.de/doku-wissen Anmerkung: Mit Prüfung des Videos Seite 4 (Einstellungen (mit Anmeldung)) Titel: Mein ZDF - ZDF Mediathek URL: https://www.zdf.de/mein-zdf#einstellungen Anmerkung: Mit Anmelde-Prozess Seite 5 (Filmseite) Titel: Das Erbe der Nazis - ZDFmediathek URL: https://www.zdf.de/sender/zdfinfo/das-erbe-der-nazis-vergangenheitsbewaeltigung-in-ost-und-100. 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 2/12

Nicht e Anforderungen 1 Anforderung wurde als "nicht " bewertet. Für sie wird der volle Punktwert abgezogen. Prüfschritt Gewichtung Punktabzug 1.2.3a - Audiodeskription für Videos hoch 3 Eher nicht e Anforderungen 1 Anforderung wurde als "eher nicht " bewertet. Für sie werden 75% des Punktwerts abgezogen. Prüfschritt Gewichtung Punktabzug 1.2.2a - Videos mit Untertiteln hoch 2,25 Teilweise e Anforderungen 3 Anforderungen wurden als "teilweise " bewertet. Für sie werden jeweils 50% des Punktwerts abgezogen. Prüfschritt Gewichtung Punktabzug 1.4.3c - Inhalte bei benutzerdefinierten Farben erkennbar mittel 1 2.4.7a - Aktuelle Position des Fokus deutlich gering 0,5 3.1.2b - Anderssprachige Wörter ausgezeichnet gering 0,5 Eher e Anforderungen 4 Anforderungen wurden als "eher " bewertet. Für sie werden jeweils 25% des Punktwerts abgezogen. Prüfschritt Gewichtung Punktabzug 1.4.3a - Kontraste von Texten ausreichend mittel 0,5 1.4.3b - Kontraste von Grafiken ausreichend mittel 0,5 1.4.4b - Bei Zoom auf 200% benutzbar mittel 0,5 2.2.2a - Bewegte Inhalte abschaltbar mittel 0,5 Erfüllte Anforderungen 29 Anforderungen wurden als "" bewertet. Nicht anwendbare Anforderungen 12 Anforderungen wurden als "" bewertet. Gesamtergebnis Die Summe der Punktabzüge beträgt 9,25 Punkte. Für die Website ergibt sich daraus ein Gesamtergebnis von 90,75 Punkten. Ergebnisse für einzelne Seiten Seite Punkte Seite 1 (Startseite) 91,25 Seite 2 (Livestreams und Programm) 93,75 Seite 3 (Rubrikseite Doku/Wissen) 90,25 Seite 4 (Einstellungen (mit Anmeldung)) 96,5 3/12

Seite 5 (Filmseite) 91,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. 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 Seite 4: 1.2.2a - Videos mit Untertiteln eher nicht Seite 1: teilweise / Mit Untertitel: Die Bergretter, Die Kölner Silvesternacht, Kalter Hund, Wertvoll oder wertlos?, Mehr Ausländer, mehr Kriminalität? Ohne Untertitel: Furioses BVB Finale.., Bayer mit 3:0, Die Wutpolitiker, Von Angesicht zu Angesicht. Seite 2: nicht Seite 3: nicht Seite 4: Seite 5: nicht 1.2.3a - Audiodeskription für Videos nicht Seite 2: Seite 4: 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 Seite 5: / Einige Zeilenumbrüche über doppelte br Elemente. 1.3.1e - Datentabellen richtig aufgebaut 1.3.1f - Zuordnung von Tabellenzellen 1.3.1g - Kein Strukturmarkup für Layouttabellen 4/12

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 eher Suchen-Taste bei ausgeklappter Suche (Weiß auf Orange, 26px, fett): Kontrastverhältnis ist 2,6:1 (SOLL bei großem Text: 3:1) Hervorgehobener Tag im Datepicker (Weiß auf Orange, 26px): Kontrastverhältnis ist 2,6:1 (SOLL bei großem Text: 3:1) Seite 1: eher / Text-Link Vorab (16px fett, weiß auf orange): Kontrastverhältnis 2,6:1 (SOLL 4,5:1). Links Kategorie / Sendungsname, also etwa Serien: Die Chefin (14px fett, orange auf weiß): Kontrastverhältnis 2,6:1 (SOLL 4,5:1). Bei dem alternierenden Blöcken mit hellgrauem Hintergrund ist das Verhältnis Orange / Hellgrau mit nur 1,8:1 sehr gering. Links Meist gesehen, Neueste: Kontrast mit 4,3:1 geringfügig zu gerrig (SOLL: 4,5:1). Vergl. auch allgemeine Anmerkungen. Responsive Ansicht (200%): Schalter "Weitere laden" (18px, fett) hat Kontrastverhältnis 2,6:1 (SOLL 4,5:1). Seite 2: eher / Die "Jetzt"-Links im Programm (14px, fett) haben mit 2,6:1 einen zu geringen Kontrast (SOLL: 4,5:1) Text "ZDFzeit" im Programm hat mit 2,6:1 einen zu geringen Kontrast (SOLL: 4,5:1) Informationen im unteren Bereich der Popups nach Aktivierung von Sendungstiteln: Zeile zu VPS (?), etwa "VPS 09.12.2016 11:50 Uhr", (Grau auf Weiß, 14pt) mit zu geringem Kontrast (2,9:1, SOLL: 4,5:1) Markierung HD (Dunkelgrau auf Hellgrau, 14px, fett) mit etwas zu geringem Kontrast (4,3:1, SOLL: 4,5:1) Vergl. auch allgemeine Anmerkungen. Seite 3: eher / Links Kategorie / Sendungsname, also etwa Serien: Die Chefin (14px fett, orange auf weiß): Kontrastverhältnis 2,6:1 (SOLL 4,5:1). Bei dem alternierenden Blöcken mit hellgrauem Hintergrund ist das Verhältnis Orange / Hellgrau mit nur 1,8:1 sehr gering. Links Meist gesehen, Neueste: Kontrast mit 4,3:1 geringfügig zu gering (SOLL: 4,5:1) Anzahl der Likes (Zahl oben rechts): 2,3:1 (SOLL: 4,5:1). Vergl. Prüfschritt 1.4.3b. Vergl. auch allgemeine Anmerkungen. Seite 4: eher / Besuchte Fließtextlinks 5/12

1.4.3b - Kontraste von Grafiken ausreichend eher sowohl fokussiert (Kontrastverhältnis: 2,1:1) als auch nicht fokussiert (Kontrastverhältnis: 2,3:1) mit zu geringem Kontrast (SOLL: 4,5:1). Button Anmelden/Registrieren ebenso wie der Anmelde-Button im Dialogfeld nach Aktivierung von Anmelden/Registrieren (Weiß auf Orange, 18px, fett) haben nur ein Kontrastverhältnis von 2,6:1 (SOLL 3:1) Vergl. auch allgemeine Anmerkungen. Seite 5: eher / Anzahl der Likes (Zahl oben rechts): 2,3:1 (SOLL: 4,5:1). Vergl. Prüfschritt 1.4.3b. Vergl. auch allgemeine Anmerkungen. S.1, 2, 3, 5: Teilen und Merken Schalter (Weißes Plus auf orangem Kreis) haben nur 2,6;1. Teilen und Merken, ausgeklappte Bedienelemente: Der Weiß/Orange-Kontrast, wichtig zur Unterscheidung der vier Elemente, ist auch hier nur 2,6;1. Ausgeklappte Social-Media-Links bei Aktivierung von Teilen: auch hier sind Icons Weiß/Orange mit nur 2,6:1 Kontrastverhältnis. Seite 1: eher / Runde Play-Links auf Videos: Auch der bessere Zustand (fokussiert), bei dem das transparente Weiß opak wird, (abhängig vom Hintergrund des Videovorschaubilds) z.t. nicht die Kontrastanforderung von 4,5:1. Karussell: Quadratische Links des Blättermenüs Mitte unten haben abhängig vom Fotohintergrund nicht ausreichend Kontrast. Die Anzeige, welches der sieben Karussellbilder gerade ausgewählt ist, erfolgt nur über den Farbunterschied orange/weiß, der Kontrastunterschied zwischen beiden Farben ist relativ gering (2,6:1) Blätterpfeile: in den Bereichen Neu in der Mediathek, Nachrichten, Filme/Serien usw.: Der Kontrast ist bei Fokussierung ausreichend, ansonsten sind die Links im Ausgangszustand abhängig vom Hintergrund teilweise schlecht zu sehen. Vergl. auch allgemeine Anmerkung. Seite 2: eher / Schließen-Element (X) bei Popups, die durch Aktivierung von Sendungen aufgerufen werden: Das X (grau auf weiß) ist mit 2,3:1 nicht kontrastreich genug (SOLL: 4,5:1) Hinweis ohne Einfluss auf Punktabzug: Karussell-Blätterlinks sind z.t. über den Sender- Logos platziert, was sie schlechter erkennbar macht. Vergl. auch allgemeine Anmerkung. Seite 3: eher / Herz oben rechts (in Verbindung mit der Zahl, der Anzahl der Likes, 6/12

1.4.3c - Inhalte bei benutzerdefinierten Farben erkennbar teilweise wichtig): 2,3:1 (SOLL 4,5:1). Vergl. auch Prüfschritt 1.4.3a. Vergl. allgemeine Anmerkung. Seite 4: eher / Button Anmelden/ Registrieren (18px, fett, Weiß auf Orange): Kontrast ist mit 2,6:1 zu gering (SOLL 4,5:1, die Schrift fällt fast unter die geringere Kontrastanforderung für fette Schrift über 18,7px von 3:1, aber auch diese nicht). Wechsel-Schalter für Settings: Orange und Weiß haben Binnen-Kontrastverhältnis von 2,6:1 (SOLL: 4,5:1) Das Abschalten führt allerdings zu einer recht gut sichtbaren Änderung (von orange/weiß zu grau/weiß). Der Kontrast der Schalter zum grauen Hintergrund: Orange/ Hellgrau (angeschaltet) 1,8:1, Mittelgrau/ Hellgrau (abgeschaltet) 1,9:1 (SOLL: 4,5:1) Seite 5: eher / Herz oben rechts (in Verbindung mit der Zahl, der Anzahl der Likes, wichtig): 2,3:1 (SOLL 4,5:1). Vergl. auch Prüfschritt 1.4.3a. Vergl. auch allgemeine Anmerkung. Die Checkboxen in der ausgeklappten Suche (ganze Sendungen, mit UT, mit AD) sollten sichtbar sein. Das Problem ist aber nicht so schwerwiegend, da die Fokussierung der Label eine sichtbare Markierung setzt (X). Der Play-Button von Videos verschwindet bis auf eine schlecht sichtbare gestichelte Outline, das Video ist aber durch Anklicken irgendwo auf dem Vorschaubild (oder Aktivieren nach Tastaturfokussierung) startbar. Die Video-Bedienelemente sollten auch bei Nutzung eigener Farbschemata sichtbar sein, nicht nur über Custom-Tooltip. (Da die Funktionen hier in der Fußleiste zu erwarten sind und Tooltips bei Fokussierung eingeblendet werden, ist die Nutzbarkeit aber mit Einschränkung gegeben.) Der Lautstärke-Level (Slider) ist aber je nach eingestellter Farbe schlecht sichtbar und schwierig einzustellen. Das Element "Einstellungen anzeigen / schließen": "schließen" ist bei Nutzung eigener Farbschemata nach Aufruf der Einstellungen nicht mehr sichtbar (nur der Tooltip ganz kurz nach Aufruf) - unklar, wie der Overlay wieder zu entfernen ist (außer durch neu laden der Seite), wenn man nicht die Position in der Fußleiste erinnert. Ein Klicken an der Stelle, wo der Tooltip "Einstellungen schließen" ganz kurz angezeigt wurde, führt nicht zum Erfolg, ebenso wenig ESC. Es gibt diverse Logos mit transparentem Hintergrund, die abhängig von den gewählten 7/12

Farben schlecht zu erkennen sind. Datepicker (ausgeklappte Suche und S. 2): Das aktuelle Datum ist bei benutzerdefinierten Farben nicht mehr hervorgehoben. Seite 1: teilweise / Die Hintergrundbilder der Sendungen-Vorschau im Karussell sind bei Nutzung eigener Farbschemata nicht sichtbar, Informationen zu Sendung sind aber lesbar und Elemente bedienbar. Vergl. vor allem allgemeine Anmerkungen. Seite 2: teilweise / Vergl. allgemeine Anmerkungen. Seite 3: teilweise / Vergl. allgemeine Anmerkungen. Seite 4: nicht / Die hier zentral wichtigen Schalter der Einstellungen verschwinden bei Nutzung eines eigenen Farbschemas. Vergl. auch allgemeine Anmerkungen zur Suche. Seite 5: teilweise / Vergl. allgemeine Anmerkungen. 1.4.4a - 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 Test verfolgt wird. Da nach WCAG 2.0 jede Art der Schriftvergrößerung zur Erfüllung von Success Criterion 1.4.4 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. Internet Explorer: Keine Schriftvergrößerung unterstützt, hier aber mit "" bewertet wegen Erfüllung von Prüfschritt 1.4.4b (s.o.) Firefox: Bei 150% Schriftvergrößerung kommt es abhängig von der Länge der Sendungstitel zu nicht kritischen Überlagerungen der Titel mit anderen Inhalten, etwa der Dauer der Sendung. Die Icons der Hauptnavigation überschneiden sich leicht mit dem Beginn des Hauptmenü- Begriffs, ebenso beim den Kontext-Menüs Empfohlen, Meist gesehen, Neueste. Die Icons der Leisten "Teilen und Merken" passen nicht mehr voll in die weißen Kreise, sind aber noch nutzbar. 8/12

Seite 1: / Vergl. allgemeine Anmerkungen. Seite 2: / Vergl. allgemeine Anmerkungen. Seite 3: / Vergl. allgemeine Anmerkungen. Seite 4: / Vergl. allgemeine Anmerkungen. Seite 5: / Vergl. allgemeine Anmerkungen. 1.4.4b - Bei Zoom auf 200% benutzbar eher 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 Test verfolgt wird. Da nach WCAG 2.0 jede Art der Schriftvergrößerung zur Erfüllung von Success Criterion 1.4.4 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. Vergrößerung auf 200% wechselt zur gut nutzbaren responsiven Ansicht. Seite 1: Seite 2: Seite 4: Seite 5: 1.4.5a - Verzicht auf Schriftgrafiken 2.1.1a - Ohne Maus nutzbar 2.2.1a - Zeitbegrenzungen anpassbar 2.2.2a - Bewegte Inhalte abschaltbar eher Seite 1: teilweise / Kein explizites Element zum Abschalten der Karussell- Animation, die alle 7 Sekunden zum nächsten Inhalt scrollt. Die Animation wird allerdings gestoppt, wenn das Element "Teilen und Merken" aktiviert und damit die Unterelemente (Bewerten, Teilen, Merken, Empfehlen) ausgefahren sind. Dies ist aber nicht explizit sichtbar (wie etwa bei einem Pause-Schalter, der die Video-Icon-Konvention nutzt) und wird vom Nutzer sicher oft nicht erwartet. Man kann außerdem in den "Einstellungen" unter "Mein ZDF" die Funktion "Slider automatisch bewegen" ausschaltet. Diese Einstellungsmöglichkeit werden die meisten Nutzer vermutlich nicht dort vermuten. Die Schaltfläche für das Stoppen der Bewegung sollte direkt beim Slider platziert sein. Bei Tastaturnutzung bleibt der Fokus im 9/12

2.3.1a - Verzicht auf Flackern jeweiligen Bereich bzw. springt dorthin zurück, fals die Animation inzwischen einen anderen Bereich zeigt. Die Inhalte lassen sich also durch Weitertabben zwar alle nutzerbestimmt aufrufen, die Nutzung ist durch die Eigentätigkeit der Animation aber sehr erschwert. Seite 2: Seite 3: / Die leichte Zoombewegung bei MausOver über den Vorschau-Bildern stoppt in unter 5 Sek. Seite 4: Seite 5: / Die leichte Zoombewegung bei MausOver über den Vorschau-Bildern im Bereich "Ähnliche Beiträge" stoppt in unter 5 Sek. 2.4.1a - Inhaltsbereiche strukturiert Strukturierung durch native HTML5-Elemente wie main, nav und footer, Sprunglinks zu Inhalt und Suche, die Hauptnavigation hat zudem eine versteckte Überschrift. Der Sprunglink "Zum Hauptinhalt springen" verweist auf die Startseite. 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 2.4.5a - Alternative Zugangswege 2.4.6a - Title-Attribut für Symbole 2.4.7a - Aktuelle Position des Fokus deutlich teilweise Seite 1: / Wenn man bei ausgeklappter Suche über das letzte Element für die Filterung hinaustabbt, führt Rückwärtstabben nicht zum letzten Element (Checkbox mit AD) zurück, sondern druchwandert viele Fokuspunkte der Videovorschauen im Karussell. Bei Tastaturnutzung kein sichtbarer Fokus auf den wichtigen Menüpunkten der Hauptnavigation (Rubrik / Live-TV / Sendung verpasst / Suche / Mein ZDF) im Firefox. Im IE ist der Fokus nur für Sekundenbruchteile als Rahmen sichtbar. Bei Mausnutzung dagegen Hervorhebung durch Vergrößerung des vorgeschalteten Icons. Die Fokushervorhebung bei Tastaturnutzung (Rahmen und Unterstreichung der Links) ist ansonsten insgesamt sehr umfassend und gut. Anzumerken ist, das der dicke Rahmen bei Hervorhebung von Grafiken, etwa der vielen "Teilen und Merken"-Punkten, nur einen Kontrast von 2.6:1. hat (hier gibt es keine Unterstreichung). Seite 1: teilweise / Vergl. allgemeine 10/12

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 teilweise Hinweise. Seite 2: teilweise / Vergl. allgemeine Hinweise. Seite 3: teilweise / Vergl. allgemeine Hinweise. Seite 4: teilweise / Vergl. allgemeine Hinweise. Seite 5: teilweise / Vergl. allgemeine Hinweise. In den redaktionellen Inhalten keine Anzeichen der Sprachauszeichnung einzelner englischsprachiger Ausdrücke (Strawberry Fields, Sketch History, Whistleblower, Space Tourists, Crime and Justice usw.) Es gibt allerdings insgesamt relativ wenige englischsprachige Ausdrücke, viele sind Lehnwörter und recht gängig bzw. wohl schon eingedeutscht (Sketch, Space). Seite 1: eher nicht / Vergl. allgemeine Anmerkungen Seite 2: eher nicht / Vergl. allgemeine Anmerkungen Seite 3: eher nicht / Vergl. allgemeine Anmerkungen Seite 4: / Die englischen Begriffe der Info- Texte sind ausgezeichnet. Seite 5: / Keine englischen Begriffe vorhanden. 3.3.1a - Fehlermeldungen hilfreich Seite 1: Seite 2: Seite 3: Seite 5: 3.3.2a - Formularfelder richtig beschriftet 3.3.4a - Fehlervermeidung wird unterstützt 4.1.1a - Valides HTML 11/12

4.1.1b - Verzicht auf veraltete Elemente und Attribute 4.1.2a - Name und Rolle von Bedienelementen verfügbar S. 1 und 3: Die Sortierfunktion Empfohlen, Meist gesehen, Neueste ist brauchbar und in sich konsistent, aber möglicherweise verwirrend. Visuell sind die Kontrollfelder als Radio Group umgesetzt (aso alternative Auswahl aus drei Elementen), semantisch aber mit input type=checkbox und nicht type=radio. Die aktive Filterauswahl (Default ist Empfohlen) wird nicht fokussiert und damit auch nicht als ausgewählt ausgegeben. Visuell ist die Filter- Auswahl dagegen verfügbar und durch Dreieck bzw. zusätzlich Unterstreichung hervorgehoben. Nach dem Aktivieren eines Kontrollfelds wird vom Screenreader (NVDA) "aktiviert, nicht verfügbar" ausgegeben. Die Bedeutung ist nicht leicht verständlich - "nicht verfügbar" bedeutet ja hier tatsächlich, dass die Filterauswahl aktiv ist. Bei regelmäßiger Nutzung wird die Logik wohl klar, für gelegentliche Nutzer ist das aber evtl. etwas verwirrend. Seite 1: / Vergl. allgemeine Anmerkung. Seite 3: / Vergl. allgemeine Anmerkung. 12/12