Verstoß
Syntaxanalyse: Übersichtsseite Veranstaltungen
Jeder der Unterpunkte auf der Übersichtsseite bekommen die gleiche ID: pickerCard. Diese dürfen nicht gleich sein.
Issues
-
-
Verstoß
Navigationsmenü: Nicht Text Inhalte
Die Icons Sonne und Mond in der Navigationsleiste sind für Screenreader zugänglich. Da es sich hierbei um dekorative Icon Fonts handelt, können kein Alternativtext gesetzt werden. Diese müssen mit aria-hidden=true für den Screenreader ausgeblendet werden. Das selbe gilt für die beiden Flaggen im Menü zu den Sprachen.
-
Empfehlung
Titel Übersichtsseite Veranstaltungen
Der Titel der Übersichtsseite "DSW21 KombiTicket-Portal" sollte besser "KombiTicket-Portal DSW21" um den Bezug zur Seite herzustellen, wenn mehrere Tabs im Browser geöffnet sind.
-
Verstoß
Detailseite Theater: Nicht Text Inhalte
Der Alternativtext "Beispielticket" und "Beispiel Apple Wallet Ticket" der angezeigten Grafiken beschreiben nicht was zusehen ist. Nicht verlinkte informationsorientierte Grafiken und Bilder müssen mit Alternativtexten versehen werden. Die Alternativtexte ersetzen das Bild, sie sollen also (wenn möglich) dieselbe Aufgabe erfüllen wie das Bild.
-
Verstoß
Nicht Text Kontrast: Detailseite BVB Spiel/Theater
Detailseite BVB Spiel und Detailseite Theater: Dunkler und Heller Modus: Der Border des Eingabefeldes im normalen Zustand weißt zum Hintergrund nicht den minimalen Kontrast von 3:1 auf. QR Code Button mit Tab ausgewählt: Der außenliegende Border des QR Code Scanner Buttons weist zum Hintergrund und zum roten Hintergrund des Buttons nicht den minimalen Kontrast von 3:1 auf. Der Button weist im ausgewählten (Tab) in allen Varianten als auch im deaktivierten Zustand nicht den minimalen Kontrast von 3:1 auf. Dunkler Modus: Ausgewählter Zustand: Der außenliegende Border des Eingabefeldes weist zum grauen Hintergrund nicht den minimalen Kontrast von 3:1 auf. Das Info Icon weißt zum Hintergrund nicht den minimalen Kontrast von 3:1 auf. Der Button mit dem X weist zum Hintergrund nicht den minimalen Kontrast von 3:1 auf. Heller Modus: Ausgewählter Zustand: Der außenliegende Border des Eingabefeldes zum Hintergrund als auch zum roten Border weist nicht den minimalen Kontrast von 3:1 sowie der rote Border zum weißen Hintergrund auf. Detailseite BVB Spiel: Der Bordes des Informationskastens weißt zum weißen als auch zum hellblauen Hintergrund nicht den minimalen Kontrast von 3:1 auf.
-
Verstoß
320px und 1280px Viewport-Breite
Detailseite BVB Spiel und Detailseite Theater: Bei einer Viewport-Breite von 320px sowie 1280px und 400% Zoom ist die Detailseite BVB Spiel und die Detailseite Theater horizontal scrollbar. Der Text im Eingabefeld ragt über das hinaus. Detailseite Theater: Das Ticket auf der Detailseite Theater ist links abgeschnitten, sodass man den Strichcode an der linken Seite nicht mehr sieht.
-
Verstoß
Fokus: Navigationsmenü
Dunkler und Heller Modus: Der Dunkelmodus in der dunkler Darstellung ist zwar mit der Tabulatortaste anwählbar und bedienbar aber der Fokus ist nicht sichtbar. Der Fokus in der hellen Darstellung ist beim Dunkelmodus leicht erkennbar, jedoch reicht dies nicht aus und das Icon weist in allen Varianten nicht den minimalen Kontrast von 3:1 auf. Der außenliegender Border des Buttons zum Einstellen der Sprache weißt nicht den minimalen Kontrast von 3:1 zum Hintergrund als auch zum Border des Buttons, sowie der Border des Buttons zum Hintergrund des Buttons, auf.
-
Empfehlung
Eingabefelder Beschriftung
Empfehlung: Beschriftung der Eingabefelder im nicht ausgefüllten Zustand sollte sich anpassen können. Aktuell ist die Beschriftung auf einem mobilen Gerät abgeschnitten.
-
Verstoß
Inhalte gliedern: Detailseite Theater
Auf der Seite Teater Dortmund KombiTicket werden leere HTML p-Tag Elemente angezeigt. Diese müssen entfern oder mit Text gefüllt werden.
-
Verstoß
Nicht Text Kontrast: Übersichtsseite Veranstaltungen
Dunkler und Heller Modus: Der Border des Hover Buttons weist zum Hintergrund nicht den minimalen Kontrast von 3:1 auf.