Punkte: 90,75 von 100 (gut zugänglich)
Mit Prüfung des Videos
Mit Anmelde-Prozess
Punktabzug: 3 Punkte
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.
Punktabzug: 2,25 Punkte
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 Farben schlecht zu erkennen sind.
Datepicker (ausgeklappte Suche und S. 2): Das aktuelle Datum ist bei benutzerdefinierten Farben nicht mehr hervorgehoben.
Die hier zentral wichtigen Schalter der Einstellungen verschwinden bei Nutzung eines eigenen Farbschemas.
Vergl. auch allgemeine Anmerkungen zur Suche.
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.
Vergl. allgemeine Anmerkungen.
Vergl. allgemeine Anmerkungen.
Vergl. allgemeine Anmerkungen.
Punktabzug: 1 Punkt
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).
Vergl. allgemeine Hinweise.
Vergl. allgemeine Hinweise.
Vergl. allgemeine Hinweise.
Vergl. allgemeine Hinweise.
Vergl. allgemeine Hinweise.
Punktabzug: 0,5 Punkte
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).
Vergl. allgemeine Anmerkungen
Vergl. allgemeine Anmerkungen
Vergl. allgemeine Anmerkungen
Die englischen Begriffe der Info-Texte sind ausgezeichnet.
Keine englischen Begriffe vorhanden.
Punktabzug: 0,5 Punkte
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)
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).
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:
Vergl. auch allgemeine Anmerkungen.
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.
Besuchte Fließtextlinks 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.
Anzahl der Likes (Zahl oben rechts): 2,3:1 (SOLL: 4,5:1). Vergl. Prüfschritt 1.4.3b.
Vergl. auch allgemeine Anmerkungen.
Punktabzug: 0,5 Punkte
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.
Runde Play-Links auf Videos: Auch der bessere Zustand (fokussiert), bei dem das transparente Weiß opak wird, erfüllt (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.
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.
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. allgemeine Anmerkung.
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, erfüllt 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)
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.
Punktabzug: 0,5 Punkte
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.
Punktabzug: 0,5 Punkte
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 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.
Die leichte Zoombewegung bei MausOver über den Vorschau-Bildern stoppt in unter 5 Sek.
Die leichte Zoombewegung bei MausOver über den Vorschau-Bildern im Bereich "Ähnliche Beiträge" stoppt in unter 5 Sek.
Punktabzug: 0,5 Punkte
Einige Zeilenumbrüche über doppelte br
Elemente.
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 "erfüllt" 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.
Vergl. allgemeine Anmerkungen.
Vergl. allgemeine Anmerkungen.
Vergl. allgemeine Anmerkungen.
Vergl. allgemeine Anmerkungen.
Vergl. allgemeine Anmerkungen.
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.
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.
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.
Vergl. allgemeine Anmerkung.
Vergl. allgemeine Anmerkung.