Punkte: 97,25 von 100 (sehr gut zugänglich)
"Übersicht aller Parteienantworten" ist als h3
ausgezeichnet und damit der letzten h2
untergeordnet (d.h. hier wäre das eine der Parteien).
Punktabzug: 0,75 Punkte
Sinnvoller wäre folgende Reihenfolge (entsprechend der visuellen Reihenfolge):
h3
"Die Linke"
#p# "Die Partei Die Linke stimmt der These xy nicht zu / zu..."
statt umgekehrt. Da Screenreadernutzer über Tastaturbefehle häufig zu der Überschrift springen und diese dazugehörige Info dann anschließend ausgegeben würde.
Punktabzug: 0,25 Punkte
Link "Mehr Infos zur Partei": Tastaturfokus bleibt nicht in dem ausgeklappten Fenster.
Nachdem man die Infos zu einer Partei ausgeklappt hat, sollte man beim nächsten TAB in den ausgeklappten Inhalt gelangen, wenn dann das Panel geschlossen wird, sollte der Fokus auf dem Toggle-Element sein.
Hier tabbt man (z.B. nach Ausklappen der Infos zur CDU) zuerst in der Reihe durch die weiteren Toggle-Elemente sowie Checkboxen. Erst dann kommt man in die Inhalte des ausgeklappten Panels. Nach dem Schließen ist man beim nächsten TAB in der zweiten Reihe, erstes Toggle-Element.
Für die nächsten Reihen mit Partei verhält es sich ebenso. Erst nachdem man das Ende einer Reihe erreicht hat, gelangt man in das ausgeklappte Panel.
Für blinde Nutzer kann irritierend sein, dass der Fokus nachdem Sie das Ende der Reihe erreicht haben, im ausgeklappten Bereich der letzten Partei landet, die sie über die Checkbox aktiviert haben. Blinde Nutzer bekommen nicht mit, dass sie (über die Checkbox) Inhalte ausgeklappt haben, insofern kann für sie die Tabreihenfolge verwirrend sein.
Punktabzug: 0,5 Punkte
Mobile Ansicht, Navigation "Zusatzinformationen": role=tab
ist hier nicht ganz treffend. Eigentlich handelt es sich nur um einen Toggle-button. Der Zustand erweitert/reduziert sollten mit Hilfe von aria-expanded
abgebildet werden.
Punktabzug: 0,75 Punkte
Es werden keine anderssprachigen Wörter verwendet.