Bij elk invoerveld moet je duidelijk maken wat de gebruiker moet invullen. Dit doe je door een duidelijk en zichtbare label of instructie toe te voegen. Denk aan een formulier waar je je naam invult: het woord “Naam” boven of naast het veld is het label. Bij complexe velden geef je extra instructies zoals:
- of het een verplicht veld is
- of een specifiek formaat moet worden gebruikt
- het bereik waar een invoer tussen moet vallen
Het gaat erom dat iedereen begrijpt welke informatie je van hen verwacht.
Hoe pas je dit toe?
Labels
- Zorg voor zichtbare labels bij formulierelementen.
Instructies
- Zorg voor zichtbare instructies bij verplichte formulierelementen.
- Zorg voor zichtbare instructies bij formulierelementen met een verplicht invoerformaat.
Handige tips
- Plaats het label op een logische plek: links van of boven het veld.
- Zorg dat de labels en instructies beschikbaar zijn voordat de gebruiker het veld invult.
Voor wie is dit belangrijk?
- Mensen die een schermlezer gebruiken.
- Mensen die blind of slechtziend zijn.
- Mensen die een cognitieve, taal- of leerbeperking hebben.
Wie is verantwoordelijk?
- Redacteur
- Vormgever
- Ontwikkelaar
Bronnen
- WCAG 2.2 – Succescriterium 3.3.2 Labels of instructies
- Labeling Controls | Web Accessibility Initiative (WAI) | W3C (Engelstalig)