Punkte: 95,75 von 100 (sehr gut zugänglich)
Die Fehlermeldungen werden im Screenreader nicht ausgegeben. Für die richtige Umsetzung mit alert siehe: https://www.w3.org/TR/wai-aria-practices-1.1/ 2.3 alert.
Bei fehlerhafter Eingabe wird der Fokus in das erste fehlerhaft ausgefüllte Feld gesetzt. Das label wird dabei mit ausgegeben. Da aber die Fehlermeldung nicht ausgegeben wird, weiß ein Screenreadernutzer nicht, ob es sich bei dem nächsten Feld (nächster Tab) um ein fehlerhaft ausgefülltes handelt (Lösung z.B. Änderung des Labels).
Punktabzug: 1 Punkt
Die Fehlermeldungen der Formulare "bitte füllen Sie dieses Feld aus" ist nicht spezifisch genug.
Punktabzug: 0,5 Punkte
Seite 2 und 3 enthalten sehr viele Informationen. Eine konsequente logische Auszeichnung der Überschriften ist dafür sehr wichtig.
H3 ausgezeichnet sein. (IST strong)Im Inhaltsbereich unter der h5-Überschrift "Benutzung der Bibliothek" gibt es weitere Überschriften, die sich logisch unterordnen, sind aber hier auf derselben Überschriftenebene als h5 ausgezeichnet. Richtig wäre, diese mit h6 auszuzeichnen. Da im Vorfeld Überschriftenebenen ausgelassen wurden, stehen bei weiterer inhaltlicher Strukturierung keine Überschriftenebenen mehr zur Verfügung.
Bessere Auszeichnung:
H2 ausgezeichnet sein.H3.H2 "Das Bundesverwaltungsgericht" auf H5 "Textversion". Sinnvoll wäre eine Auszeichnung von "Textversion" mit H3.Punktabzug: 0,75 Punkte
Die mehrfache Verwendung des html5-Elements nav erfordert eine zusätzliche aussagekräftige Unterscheidung (#aria-label/aria-labelledby#) des nav Bereichs. Außer bei dem Breadcrumb wurde ein passendes aria-label anstelle auf das nav-Element auf die Liste angewandt. Diese aria-label werden beim Durchtabben zwar von einem Screenreader ausgegeben, bei der Auflistung aller Bereiche der Seite aber nicht.
Punktabzug: 0,5 Punkte
Betrifft alle Seiten in der responsive Ansicht:
Beim Öffnen eines der Menüpunkte in der Hauptnavigation sollte der nächste Tab den Fokus auf den ersten Eintrag des gewählten Menüpunkts setzten (siehe Umsetzung in der normalen Ansicht). Hier wird der Fokus auf den nächsten Menüpunkt gesetzt und erst nach Durchtabben des ganzen Hauptmenüs gelangt man zu den gewünschten Einträgen.
Punktabzug: 0,5 Punkte
Betrifft alle Seiten in der responsive Ansicht:
Das geöffnete Werkzeugmenü (Hamburger) schließt sich nicht am Ende. Der Fokus ist wieder auf der durch das Untermenü überdeckten Seite und ist nicht sichtbar.
Punktabzug: 0,25 Punkte
Die Akkordeon Menüpunkte sind mit role="tab" ausgezeichnet. Siehe dazu http://w3c.github.io/aria-practices/ 3.1 - Accordion.
Die Radiobuttons unter "Entscheidungsversand", "Anmeldung von Medienvertretern" und "Probleme auf der Website" müssen gruppiert sein /#fieldset oder radiogroup#). Die Gruppe sollte mit aria-required ausgezeichnet sein und nicht jeder einzelne Radiobutton.
Punktabzug: 0,75 Punkte