# Formulierelementen moeten een label hebben

<https://www.fixreports.com/nl/issues/label>

WCAG 4.1.2 Naam, rol, waarde · Niveau A

Sommige formuliervelden hebben geen label, waardoor gebruikers van een schermlezer niet weten wat ze moeten invullen.

## Wat deze regel controleert
Zorg dat elk formulierelement een label heeft.

## Waarom het belangrijk is
WCAG 1.3.1, 3.3.2 en 4.1.2 vragen dat formuliervelden een label hebben. Aanmeldvelden voor de nieuwsbrief en zoekvelden zijn de gebruikelijke boosdoeners.

## Zo los je het op
### Op elke website
1. Geef elk veld een <label for="field-id">-element, of op zijn minst een aria-label.
2. Placeholdertekst alleen telt niet als label.

### In Shopify
1. Geef elk veld een <label for="field-id">-element, of op zijn minst een aria-label.
2. Placeholdertekst alleen telt niet als label.

### In WooCommerce en WordPress
1. Geef elk veld een <label for="field-id">-element, of op zijn minst een aria-label.
2. Placeholdertekst alleen telt niet als label.

## Zo controleer je de oplossing
- Scan opnieuw en controleer dat de regel label niet meer faalt.
- Klik op elk label en controleer dat het bijbehorende veld de focus krijgt.

## Bronnen
- Documentatie van de axe-core-regel (Deque): https://dequeuniversity.com/rules/axe/4.13/label
- Uitleg bij WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value