1. Nicht die erste Seite nach dem Login.
2.Alle Formulare -> Versicherungsteueranmeldungsformular für inländische Versicherer (VersSt)-> weiter
3.Alle Formulare -> Antrag auf Umsatzsteuervergütung ausländischer Unternehmer (Drittstaaten) im Inland -> weiter -> Teilseite Bankverbindung
4. Mein BOP -> meine Formulare
Login nur mit Zertifikat möglich.
Punkte: 95,5 von 100 (sehr gut zugänglich)
Die Icons in "Was bietet das Portal" etc. (Schmuckelemente) sollten mit aria-hidden
vor Screenreadern versteckt sein. Sie werden im Screenreader als "Link" ohne Textalternative ausgegeben, werden aber beim Tabben oder bei der Navigation mit den Pfeiltasten übersprungen.
Punktabzug: 0,25 Punkte
"Hinweis zum Vorsteuervergütungsverfahren" ist mit h3
ausgezeichnet und somit der letzten darüber stehenden h2
"Wie finde ich Hilfe?" semantisch untergeordnet.
Punktabzug: 0,75 Punkte
Die Bezeichnungen der Formulare in der linken Spalte sind nicht als Überschriften ausgezeichnet. Im Tabellenmodus wird zwar bei Spaltenwechsel die Spaltenüberschrift von Screenreadern ausgegeben, nicht aber die Bezeichnung des Formulars. Dazu ist immer die Navigation zur ersten Spalte notwendig.
Vor- und Zurückblättern sollte sich außerhalb der Tabelle befinden.
Betrifft die respnsive Ansicht (getestet mit JAWS 18, NVDA 2018.1.1 im Internet Explorer 11 und Mozilla Firefox 59.0.2):
Die Tabellenzellen werden von Jaws in beiden Browsern nicht erkannt und vom NVDA nur im Internet Explorer. Keine Navigation im Tabellenmodus möglich.
Die Navigation über die Pfeiltasten funktioniert aber.
Punktabzug: 0,5 Punkte
Das Kontrastverhältnis sollte 4,5:1 nicht unterschreiten.
Punktabzug: 0,75 Punkte
Betrifft Seiten 1,3 und 4:
Es wäre sinnvoller das aria-label
, das der Liste "Sprachauswahl" zugeordnet ist, der role=navigation
zuzuordnen. Als aria-label
der Liste wird es von Screenreadern nicht ausgegeben. Bei mehrfachem Einsatz von der ARIA-Rolle navigation
sollten ALLE role="naviagtion"
ein aria-label
haben. Die Sprachauswahl ist das erste Vorkommen und könnte mit der Hauptnavigation verwechselt werden.
Betrifft die responsive Ansicht:
Der Sprunglink "Zur Hauptnavigation" versetzt bei eingeschaltetem Screenreader den Fokus nicht zur Hauptnavigation (Alt + 1 funktioniert).
Getestet unter Windows 10 mit NVDA 2018.1.1 und JAWS 2018 im Internet Explorer 11 und Mozilla Firefox 59.0.2.
Siehe allgemeine Anmerkungen.
Siehe allgemeine Anmerkungen.
Siehe allgemeine Anmerkungen.
Punktabzug: 0,5 Punkte
Der Button zum Erweitern der linken Spalte wird erst nach durchwandern der linken Spalte angesprungen und überdeckt damit einen großen Teil der linken Navigation. Diese Reihenfolge würde Sinn machen wenn die linke Spalte bei Aufruf der Seite erweitert wäre. Wenn aber der Inhaltsbereich als erstes sichtbar sein soll, sollte der Button als erstes fokussiert werden und erst nach Aktivierung sollte der Fokus in den Navigationsbereich springen. Nach Durchlaufen der Navigation sollte dann wieder der Button zur Erweiterung des Inhaltsbereichs fokussiert werden.
Siehe Seite 2.
Punktabzug: 0,5 Punkte
Betrifft die responsive Ansicht:
Das aufgeklappte Hauptmenü (Hamburger Symbol) schließt sich nicht automatisch nach dem letzten fokussierbaren Element. Der Fokus wandert auf der Seite weiter und ist durch das geöffnete Menü nicht sichtbar.
Siehe allgemeine Anmerkungen.
Siehe allgemeine Anmerkungen.
Siehe allgemeine Anmerkungen.
Siehe allgemeine Anmerkungen.
Punktabzug: 0,25 Punkte
Die Tabdarstellung "Entwürfe" und "Übermittelte Formulare" benötigt eine Rolle role=tabpanel"
. Das erwartete Verhalten eines Tabpanels ist, dass nach Auswahl eines tabitems
die nächste Tabtaste das erste fokussierbare Element des Tabinhalts anspringt.
Punktabzug: 0,75 Punkte
Keine bewegten Inhalte vorhanden.
Kein Flackern vorhanden.