Verstoß
Doppelte IDs
In der HTML Syntax werden IDs doppelt verwendet. Dies darf nicht gemacht werden.
Issues
-
-
Verstoß
Kontraste: Checkboxen
Kontrast muss mindestens 3:1 zwischen Icon und Hintergrund sein
-
Verstoß
Kontraste: Verbindungsauskunft
Text/Icon zu Hintergrundkontrast nicht ausreichend: (1), (2), (3) -> 2.9:1 (4) -> 2.1:1 Kontraste müssen für die Punkte 1,2 und 3 mindestens 4.5:1 betragen und für Punkt 4 mindestens 3:1
-
Verstoß
Kontrast: Zwischenüberschriften mit Icon
Zwischenüberschriften haben einen zu geringen Kontrast (4.06: 1). Muss mind. 4.5:1 sein. Für das Icon ist der Kontrast ausreichend
-
Verstoß
Kontraste: Verkehrsmeldungsbox
Kontraste nicht ausreichend: (1) + (2) -> 4.48:1 (muss mind. 4.5:1 sein). Ist nur bei grauem Hintergrund der Fall. Bei weißem Hintergrund reicht der Kontrast. (3) -> 2.1:1 (muss mind. 4.5:1 sein)
-
Verstoß
Liste nicht mit Listenelementen ausgezeichnet
Listen sind nur visuell als Listen erkennbar (z.B. durch "-" oder "1., 2.") aber nicht mit 'ul' oder 'ol' Elementen ausgezeichnet
-
Verstoß
Slider auf Startseite nicht pausierbar
Bewegte Inhalt müssen angehalten werden können. Der Slider auf der Startseite kann nicht pausiert werden, sodass sich die Inhalte nicht mehr bewegen.
-
Verstoß
Newsletter Form mit falscher Auszeichnung
Form-Elemente sollten entweder als 'type' oder 'autocomplete' den Zweck angeben, wenn es sich auf den/die Nutzer:in bezieht. Hier sollte als 'type' 'email' angegeben werden und nicht 'text'
-
Verstoß
Nav Elemente ohne aria-label
Wenn mehrere nav Elemente auf einer Seite sind, dann sollten sie mit aria-label ausgezeichnet und eindeutig beschrieben werden: z.B. "Hauptnavigation" und "Schnellzugriffe"
-
Empfehlung
mehrfarbiger Fokus
Damit der Fokus bei der Tastaturbedienbarkeit immer sichtbar ist, sollte er mehrfarbig hinterlegt sein. Am besten je ein Rand in schwarz und in weiß, sodass bei jedem Hintergrund der Fokus sichtbar ist.