"Die Eingabe ist nicht korrekt" – Formulare ohne Barrieren implementieren

Formulare sind überall – vom Login bis zum Check-out eines Online-Shops. Sie sollen sich nahtlos ins Design einfügen und ohne Barrieren nutzbar sein. Doch wie können wir das erreichen?

In dieser Session werden die Anforderungen der Web Content Accessibility Guidelines (WCAG) an Eingabefelder, insbesondere komplexe Elemente wie selbst implementierte Selects, praxisnah beleuchtet.

Vorgestellt werden barrierefreie HTML- und Vanilla-JS-Lösungen für unter anderem Tastatursteuerung, Farbgestaltung, programmatisch verfügbare Informationen und Fehlermeldungen. Schließlich werden Eingabefelder in den Gesamtzusammenhang eines Formulars gebracht und mit Tipps aus der Praxis ergänzt.

Vorkenntnisse

• Grundverständnis von HTML, CSS und JavaScript

Lernziele

Zuhörende sollen ein Verständnis für die Anforderungen an barrierefreie Eingabefelder und Formulare entwickeln: Sie sollen verstehen, welche Barrieren bei der Erstellung dieser entstehen können, warum diese problematisch sind und welche Lösungen es dazu gibt. Idealerweise lernen sie, dass sich viele Barrieren durch die Verwendung von semantischem HTML und Web-APIs vermeiden lassen und wo JavaScript in Formularen wirklich nötig ist.