5 von 5 Seiten BITV-konform
60 Prüfschritte prüfen 50 Anforderungen der BITV.
Betrifft alle Seiten:
aria-hidden="true"
).Im deaktivierten Zustand hat das Lupensymbol zum Auslösen der Suche nach Eingabe der Postleitzahl ein unsinniges englisches title
Attribut "magnifier".
Betrifft alle Seiten:
Dekorative Icons und Inline SVGs sollten z.B. mittels aria-hidden="true"
vor Screenreadern versteckt sein.
Bevor die Suche gestartet wird, sollte die visuell versteckte h1-Überschriften "Suchergebnisse" für Screenreader-Nutzer nicht vorgelesen werden. So wie derzeit umgesetzt, sind zwei h1-Überschriften vorhanden.
Bei keiner oder fehlerhaften Eingaben werden die Fehler auf einer neuen Seite angezeigt. Diese Seite hat keine Überschrift wie z.B. "Kontakt" o.ä.
Betrifft alle Seiten:
Die Direktlinks sind nicht als Liste ausgezeichnet.
Die nach Absenden erscheinende rot hinterlegte Nachricht "Bitte füllen Sie alle Pflichtfelder aus." ist als Liste mit einem Element ausgezeichnet. Das ist nicht sinnvoll.
Die Erläuterung zum Formular "Bitte wählen Sie ein Thema und geben Sie Ihre PLZ/Ihren Ort an." ist nicht mit dem geeigneten Absatz-Element (p) ausgezeichnet.
Betrifft die Suche in der responsiven Ansicht alle Seiten:
Das Lupensymbol hat 2 Funktionen. Erst ist es ein Schalter zum Öffnen der Suche, dann ist es der Schalter zum Absenden der Suche, der aber nach wie vor die Textalternative "Suche öffnen" hat. Das ist für Screenreadernutzer verwirrend. Mit der Enter Taste wird aber auf die Suchseite verlinkt und dort ist die Textalternative für das Lupensymbol richtig.
Sehr schwache Fokushervorhebung ist beim Schließen-Button des Info-Tooltipps der Frage 8 sichtbar. Der Kontrast sollte mindestens 3:1 sein.
In der responsiven Ansicht ist kein Breadcrumb vorhanden und die Menüoptionen werden lediglich durch Farbänderung hervorgehoben. Vgl. Tastaturhervorhebung in der Normalansicht.
Betrifft alle Seiten in der responsiven Ansicht:
In der responsiven Ansicht müssen die Bereichsauszeichnungen für die Suche und die Hauptnavigation vor, bzw. auf die Elemente gesetzt werden, die die Suche und die Hauptnavigation öffnen damit die Bereiche für Screenreadernutzer auch im geschlossenen Zustand auffindbar sind.
Die Prüfung erfolgt mit https://validator.w3.org/nu über das Bookmarklet "Check serialized DOM of current page". Die Ergebnisse werden danach mit "Check for WCAG 2.0 parsing compliance" gefiltert (siehe: https://validator.w3.org/nu/about.html#extras). Es werden nur WCAG relevante Fehler berücksichtigt.