July 9, 2025
Dieser Inhalt ist auch in folgender Sprache verfügbar: english
Debugging the accessibility of a real React login live with a screen reader — ARIA, focus management and accessible auth.Kurzfassung
Ähnlich wie das Versprechen des Kuchens in Portal sind Login-Formulare im Web allgegenwärtig. Auf den ersten Blick wirken sie funktional, doch viele Menschen mit Behinderungen stoßen auf ein Labyrinth unsichtbarer Wände – von Keyboard-Traps bis hin zu unzugänglichen CAPTCHAs. Fast so, als hätte GLaDOS diese Formulare selbst entworfen, um uns zu testen!
In dieser Session debuggen wir die Barrierefreiheit einer echten React-Login-Komponente live, ganz so, als würden wir die Testkammern durchqueren: Mit einem echten Screenreader zeigen wir, wie kleine Verbesserungen – etwa eine korrekte ARIA-Umsetzung und effektives Fokus-Management – eine komplizierte Testkammer in ein reibungsloses Nutzererlebnis verwandeln. Außerdem gehen wir auf die typischen Stolperfallen ein, die GLaDOS uns sowohl im Portal-Universum als auch in der echten Welt stellen könnte. Zu guter Letzt entdecken wir Authentifizierungs-Features, die uns helfen, Authentifizierung für alle zugänglich zu halten.
Folien
Die Folien des Vortrags findest Du auf Speakerdeck
Folien(öffnet in neuem Tab)