3.3.2 - Beschriftungen oder Anweisungen
A 2.0
Umsetzung
Ziel
Formularelemente und Eingabefelder sind klar verständlich und gut beschriftet, sodass Benutzer wissen, welche Eingaben erforderlich sind.
Beschreibung
- Formularelemente benötigen eindeutige Beschriftungen oder Anweisungen, um ihre Funktion und erwartete Eingaben zu verdeutlichen.
- Beschriftungen müssen klar und präzise sein, insbesondere für Pflichtfelder und besondere Eingabeformate (z. B. Datumsangaben).
- Erklärungen können zusätzlich bereitgestellt werden, wenn die Nutzung eines Feldes erklärungsbedürftig ist.
- Beschriftungen oder Anweisungen sollten sichtbar und für assistierende Technologien zugänglich sein.
- Lange Anweisungen können bei Bedarf nur im Fokus sichtbar sein, um die Lesbarkeit der Seite zu gewährleisten.
Anforderungen
- Positioniere Beschriftungen nah an den entsprechenden Eingabefeldern, um die Zuordnung klar und vorhersehbar zu machen.
- Pflichtfelder sollten eindeutig markiert und durch visuelle oder textuelle Hinweise gekennzeichnet werden.
- Nutze das HTML
<label>-Element und verknüpfe es korrekt mit Eingabefeldernfor-Attribut. - Nutze ergänzende Techniken wie
aria-labelledbyoderaria-describedby, um zusätzliche Anweisungen bereitzustellen. - Stelle Eingabeformate oder Beispielangaben bereit, z. B. durch Platzhalter
placeholderoder Hinweise direkt neben dem Feld. - Gruppiere verwandte Formular-Steuerelemente mit
fieldsetund einer erklärendenlegend.
- Teste Formulare auf Barrierefreiheit, indem die Tastatur und Screenreader genutzt werden, um die Beschriftungen und Anleitungen zu prüfen.
- Überprüfe, ob alle Pflichtfelder und speziellen Eingabeformate klar und verständlich beschriftet sind.
- Stelle sicher, dass keine Informationen fehlen, die für die Eingabe erforderlich sind.