Formulare

Formulare können Teil einer Content-Seite sein – etwa als Kontakt- oder Newsletterfeld – oder als eigenständige Fullscreen-Anwendung gestaltet werden. Entscheidend ist in beiden Fällen die klare, wahrnehmbare Gruppierung der Eingabeelemente: Nutzer*innen müssen eindeutig erkennen, wo ein Formular beginnt und endet. Dies gelingt durch Flächen, Rahmen oder Schatten mit ausreichendem Kontrast (mindestens 3 : 1), durch logische Abstände, klare Überschriften sowie eine nachvollziehbare Anordnung der Felder.

Für die einzelnen Formularelemente – also Labels, Eingabefelder, Textareas, Selects, Checkboxen, Switches, Buttons und Fehlermeldungen – gelten verbindliche barrierefreie Gestaltungsrichtlinien. Sie sind grundsätzlich auf nativer HTML-Basis robust umzusetzen. Das standardmäßige Browser-Rendering bildet die funktionale Grundlage und soll nicht ohne zwingenden Grund vollständig überschrieben werden. Individuelle Designanpassungen dürfen Funktion, Tastaturbedienbarkeit, Fokuszustände, Screenreader-Kompatibilität, Skalierbarkeit (bis mindestens 200 %) und Kontrastanforderungen nicht beeinträchtigen.

Für die Gestaltung des übergeordneten Formularrahmens bestehen gestalterische Freiheiten hinsichtlich Stil, Farbe und Aufbau – vorausgesetzt, der Formularbereich bleibt klar erkennbar und alle funktionalen Anforderungen werden erfüllt. Standardsoftware darf in ihrem Erscheinungsbild bestehen bleiben, muss jedoch die Kriterien der Barrierefreiheit erfüllen: semantisch korrekt aufgebaut, vollständig tastaturbedienbar, kontrastreich und responsiv skalierbar. Ziel ist stets eine technisch stabile, zugängliche und langfristig wartbare Lösung – Design unterstützt die Funktion, ersetzt sie aber nicht.