4 von 4 Seiten BITV-konform
60 Prüfschritte prüfen 50 Anforderungen der BITV.
Anmerkung ohne negative Bewertung:
Der Button für die Hauptnavigation ist doppelt beschriftet. Einmal mit dem title-attribute "Hauptnavigation öffnen" und mit dem aria-label "Hauptmenü öffnen". Je nach Screenreaderkonfiguration wird die Information doppelt vorgelesen.
Das verlinkte Bild alt="Lernroboter Ozobot und Thymio" weist auf eine nicht vorhandene Seite. Vermutlich ein redaktioneller Fehler. Vermutlich sollte das gar kein Link sein. Wenn doch müsste der Alternativtext auf das Linkziel hinweisen. Der Link auf dem Bild sollte ansonsten entfernt werden.
Anmerkung ohne negative Bewertung: Der Workaround speziell für Screenreader-Nutzer eine H2 im Footer "Sie haben das Seitenende erreicht" zu setzten ist eine ungewöhnliche Lösung.
Auf der Veranstaltung-Detailseite fehlt die versteckte Überschrift vor dem Slider "Veranstaltungsslider: Veranstaltungen Detailseite" oder ähnliches. Auf allen anderen Seiten gibt es eine solche, vergleichbare Überschrift. Durch das Fehlen dieser Überschrift, fehlt nach der ersten Überschrift H1 eine H2. Dadurch ist die Überschriften-Outline nicht ganz korrekt.
Außerdem folgen zwei Überschriften unmittelbar aufeinander ohne Inhalt dazwischen.
H3: ENTFÄLLT! Sprachen lernen mit „Rosetta Stone“
H3: Lernen Sie kostenlos, einfach und mühelos eine von 30 verschiedenen Fremdsprachen!
Das Anmeldeformular wird auch in mobile-view zweispaltig angezeigt. Dadurch sind die Eingabefelder recht kurz und Nutzer müssen im Feld hin und herspringen. Was besonders bei längeren Eingaben wie dem Namen lästig ist.
Außerdem wird beim Feld "Anzahl der Teilnehmenden mit Bibliothekserfahrung*" die Bezeichnung teilweise abgeschnitten. Da es nur einmal passiert und der Text zu 98% lesbar ist, wird der Schritt insgesamt als eher erfüllt eingestuft.
Im Footer gibt es zwei Navigationen mit der gleichen Bezeichnung "Hilfs-Menü". Es ist verwirrend, dass es zwei gleiche Navigationen nebeneinander gibt. Es wäre sinnvoller, wenn diese beiden eine einzelnes Nav Eleement wäre oder unterschiedliche Bezeichnungen hätten.
Die Tabreihenfolge in der mobilen Navigation ist nicht ganz schlüssig.
Nach Aktivieren das Hamburger-Buttons bleibt der Fokus nicht (erwartungsgemäß) auf dem Button, sondern wird auf den dritten Menüpunkt gesetzt (Literaturförderung Erwachsene).
Zurücktabben geht nicht erwartungsgemäß zum darüberliegenden Menü-Schließen-Button, sondern verlässt das Menü (ohne es zu schließen) und landet in den Sprunglinks. Der Menübutton wird erst ganz am Ende des Menüs erreicht.
Empfehlung: Fokus auf dem Button lassen. Fokusreihenfolge Button / Schließen Button, dann Menü, also wie visuelle Reihenfolge.
Fokus im Menü halten oder Menü beim Verlassen schließen.
Anmerkung ohne negative Bewertung: Bei der Bedienung des Slider über Tastatur kommt es unter Firefox zu Darstellungproblemen. Die dritte folie des Sliders wird als leer dargestellt. Für Screenreader-nutzer entsteht keine Beeinträchtigung.
Auf der Startseite gibt es bei den Teaserboxen dreimal den Link „Zu den Informationen“. Das ist sicherlich nicht optimal, aber durch die vorangegangene Überschrift ist der Kontext ausreichend gegeben.
Hinweis!
Es gibt eine akkumulierte Fehlerausgabe am Anfang des Formulars. Diese wird visuell versteckt und hilft somit nur Screenreader-Nutzern. Es wäre schön diese Funktion auch sehenden Nutzern zur Verfügung zu stellen.
Es gibt nur den Hinweis "Ein oder mehrere Felder sind fehlerhaft. Bitte überprüfe sie und versuche es noch einmal." In Kombination mit der deutlichen (auch maschinenlesbare) Markierung, welches Feld nicht korrekt ausgefüllt wurde, ist das vielleicht ausreichend. Aber letztendlich gibt es keinen konkreten Hinweis darauf, was genau falsch gemacht wurde.
Es gibt ein paar Validierung-Fehler. Keiner davon beeinträchtigt jedoch die Barrierefreiheit.
Die "Seite drucken"-funktion im Fußbereich sollte eher als button umgesetzt werden, anstatt eines Links.
