Konzeption & Redaktion
Wer Antragsstrecken, Bestellprozesse oder Kontaktformulare konzipiert und betextet, legt Aufbau, Verständlichkeit und Fehlertexte fest, lange vor der Umsetzung.
Schulung · Formulare
Barrierefreie Formulare.
Nirgendwo scheitern Nutzer:innen so oft wie an Formularen: fehlende Labels, unklare Fehlermeldungen, Pflichtfelder, die nur farblich markiert sind. Dabei sind Formulare genau der Punkt, an dem aus Besucher:innen Kund:innen werden, oder eben nicht.
In dieser Schulung lernst du, Formulare zu konzipieren und zu gestalten, die alle ausfüllen können: vom Aufbau über Seiten und Fortschritt bis zu Beschriftung und verständlichen Fehlermeldungen, für Web-Formulare genauso wie für PDF-Formulare. Werkzeugunabhängig, mit Live-Beispielen per Tastatur und Screenreader.
Dauer
3 Stunden
Gruppengröße
max. 5 Teilnehmende
Format
Online (Zoom) oder Inhouse
Vorkenntnisse
Keine erforderlich
Was du danach kannst
Formulare, die alle ausfüllen können.
Nach drei Stunden erkennst du die typischen Formular-Barrieren sofort, und weißt, wie du sie vermeidest oder behebst.
- Eingabefelder korrekt beschriften: Labels, Pflichtfelder, Gruppen und Hinweistexte, die Screenreader vorlesen
- Fehlermeldungen gestalten, die helfen statt zu frustrieren: wahrnehmbar, verständlich, mit Korrekturvorschlag
- Den Formularaufbau planen: ein- oder mehrseitig, logische Gruppierung, Fortschrittsanzeige und Zusammenfassung am Ende
- Formulare per Tastatur und mit NVDA testen: Fokus-Reihenfolge, Fehlerfokus, Statusmeldungen
- Die neuen WCAG-2.2-Kriterien anwenden: Redundant Entry, Accessible Authentication, Zielgrößen
- Auch PDF-Formulare einordnen: was bei interaktiven Formularfeldern zusätzlich zu beachten ist
Agenda
Was wir in 3 Stunden behandeln.
Warum Formulare die häufigste Barriere sind
Typische Fehlerbilder aus echten Audits, und was sie für Nutzer:innen mit Screenreader, Tastatur oder Konzentrationsschwierigkeiten bedeuten.
Formularaufbau & Seitengestaltung
Ein langes Formular oder mehrere Seiten? Übersichtlichkeit gegen wenige Schritte, logische Gruppierung, Fortschrittsanzeige, Zusammenfassungs- und Kontrollseite, im Web wie im PDF.
Beschriftung & Eingabehilfen
Labels, Pflichtfeld-Kennzeichnung, Hinweistexte, die Platzhalter-Falle, Autocomplete und Eingabeformate. (Technik wie ARIA streifen wir nur am Rande, der Fokus liegt auf der Gestaltung.)
Fehlermeldungen & Validierung
Fehler wahrnehmbar machen, verständlich beschreiben, Korrektur anbieten: wo Meldungen stehen, wie sie formuliert sind, was nach dem Absenden passiert.
Neue WCAG-2.2-Kriterien für Formulare
Redundant Entry (nichts doppelt abfragen), Accessible Authentication, Zielgrößen: was seit WCAG 2.2 zusätzlich gilt, gerade bei mehrseitigen Formularen.
Web- & PDF-Formulare im Praxistest
Wir gehen echte Formulare mit Tastatur und NVDA durch, gern auch deine eigenen. Bei PDF-Formularen: Tab-Reihenfolge, Feldbeschriftungen, Tooltips.
Für wen geeignet
Wer am meisten profitiert.
Für alle, die Formulare bauen, gestalten oder verantworten, vom Kontaktformular bis zur Antragsstrecke. Kein Vorwissen zu Barrierefreiheit nötig.
UX- & UI-Designer:innen
Fehlerzustände, Pflichtfeld-Kennzeichnung und Eingabehilfen werden im Design festgelegt, lange bevor eine Zeile Code existiert.
Fachbereiche & öffentliche Stellen
Antragsformulare und Self-Services fallen unter BFSG bzw. BITV 2.0. Wer sie verantwortet, sollte die Anforderungen kennen und prüfen können.
Was du brauchst
Keine Programmier- oder Vorkenntnisse, die Schulung ist bewusst gestaltungs- und konzeptionsorientiert. Bring gern ein eigenes Formular mit (Link oder PDF reicht), das wir live durchgehen. Wer tiefer in Test-Methodik und Technik einsteigen will: dafür gibt es unsere Schulung „Webseiten auf Barrierefreiheit testen".
Bereit anzumelden?
Nächste offene Termine ansehen oder Inhouse-Variante anfragen.