Verstoß
Keine eindeutige Fehlermeldung bei Form Inputs
Form Felder sollten Fehler eindeutig benennen z.B. "Email nicht korrekt" oder "Name fehlt". Generische Fehlermeldungen des Browsers sind nicht ausreichend.
Issues
-
-
Verstoß
Links Datenschutz haben keinen Fokus
Die Links im Datenschutz können zwar ausgewählt werden über Tastatur, aber sie haben keinen optischen Fokus. Dadurch weiß der Nutzende nicht an welcher Stelle der Tab in dem Moment gesetzt ist und kann nichts gezielt auswählen. Das Problem besteht bei allen disabled Bereichen!
-
Verstoß
Checkboxen Datenschutz einmaliges anwählen
Die Checkboxen im Datenschutz können per Tastatur erreicht werden. Dann können sie per Leertaste auch an- bzw. abgewählt werden. Eine weitere Bedienung mit der Leertaste ist dann allerdings nicht möglich, da die Seite dann scrollt.
-
Verstoß
Kontraste: Linkboxen
Kontrast muss 4.5:1 sein
-
Empfehlung
Aussagekräftige Link-Ziele angeben
Linkziele sollte so aussagekräftig wie möglich sein. ###Home: Z.B.: "Zum Fahrplan" oder "Informationen zur App" ###Verkehrsmeldungen: "zurück" Button sollte eher "zurück zur Startseite" heißen
-
Verstoß
Kontraste: Footer Texte
Texte und Links im Footer erfüllen nicht den Mindestkontrast von 4.5:1. Durch den Verlauf sind einige Links kein Verstoß, andere schon
-
Verstoß
Seite reagiert nicht auf Benutzerpräferenzen
Änderung von Schriftgrößen und Zoom werden nicht von der Seite übernommen, da viele Elemente und Texte in Pixeln (px) statt in 'rem' angegeben sind
-
Verstoß
Keine Tastaturbedienbarkeit Expressauskunft
In der Expressauskunft können keinen Vorschläge von Adressen oder Haltestellen ausgewählt werden. Beim Starten einer Suche der Verbindungs- oder Abfahrtsaukunft werden die Felder daher dann auch nicht übernommen und es wird keine Suche ausgelöst. Nutzende müssen die Eingabe dann erneut wiederholen.
-
Empfehlung
Strukturen mit Listenelementen auszeichnen
Elemente, wie z.B. Link-Listen im Footer, sollten als Liste ausgezeichnet werden. Auch Elemente, die eine Ansammlung von Links darstellen gehören darunter
-
Verstoß
Fehlende Alternativtexte
Für Bedienelemente, Grafiken und weitere grafische Objekte müssen Textalternativen vorhanden sein. Diese müssen in Form einen alt-Attributes, also eines Alternativtextes, beschrieben werden. An vielen Stellen wurden bereits Alternativtexte hinterlegt. An manchen Stellen fehlen diese jedoch und müssten noch nachgezogen werden. Es gibt auch Elemente, die zwar in der mobilen Ansicht, aber nicht in der Desktop Ansicht eine Textalternative haben. Hinweis: Es ist nicht ausreichend, wenn das title-Element ausgefüllt ist. ### Beispiele: #### Startseite: - Navigationsleiste: Keine Alternativtexte bei den Bildern für Ticket und different languages (in der Desktop Ansicht) - Links zum Interaktiven Liniennetzplan, zur DOtick-App Seite oder zu den News/Presse Berichten ### Verkehrsmeldungen: - Titelbild (Baustellenschild) ### Preistabelle: - Titelbild (Hänge mit Tickets) ### Hilfe & Kontakt: - Titelbild (Person auf Bank) - Bild vom Kundenzentrum zu den geänderten Öffnungszeiten) ### Datenschutz: - Titelbild *Browser für Test: Firefox und Chrome*