Barrierefreiheitsprobleme im Login-Formular
Beschreibung
Das neue Login-Formular hat mehrere Barrierefreiheits-Probleme:
- Das Eingabefeld für den Benutzernamen wird mit viel Text vorgelesen, vor allem mit einem eher verwirrenden Satz, dass der Benutzername nicht den Anforderungen entspricht.
- Mit NVDA: „Benutzername Stern Eingabefeld erforderlich mit Auto-Vervollständigen Der Benutzername entspricht nicht den Anforderungen leer“.
- Mit JAWS: „Benutzername Stern Eingabefeld erforderlich. Hat Popup. Der Benutzername entspricht nicht den Anforderungen. Geben Sie Text ein!“.
- Der Satz mit den Anforderungen stammt aus dem title-Attribut des input-Elementes. Da es jetzt bereits eine Region unterhalb der Eingabefelder gibt, mit der ein Hinweis bei der Aktivierung der Feststelltaste eingeblendet wird, kann diese Region auch dazu benutzt werden, um anzugeben, wenn der Benutzername unpassend ist.
- Die Info-Icons zum Benutzername- und Passwort-Feld werden in NVDA nur als „leer“ vorgelesen. JAWS schafft es hingegen, die Sprechblasen vorzulesen. Ich vermute, es hängt mit aria-labelledby-Attributen an den Info-Icons zusammen: Beim Benutzername-Icon scheint mir das referenzierte Element ungültig zu sein und beim Passwort-Icon fehlt aria-labelledby komplett. Vielleicht ist das title-Attribut bei beiden Icons besser geeignet.