Deze vertaling is nog niet redactioneel gecontroleerd. De Duitse versie is leidend. Deutsche Fassung →
Barrierefreiheit
Waarom heeft elk formulierveld een label nodig?
Elk formulierveld heeft een label nodig, omdat bezoekers anders moeten gissen wat erin hoort. Het label staat permanent zichtbaar bij het veld — 'Voornaam', 'E-mailadres', 'Bericht' — en is technisch eraan gekoppeld, zodat schermlezers het aankondigen. Grijze voorbeeldtekst in het veld volstaat niet: deze verdwijnt bij het typen. WCAG-criterium 3.3.2 vereist labels of aanwijzingen voor elke invoer.
Voorbeeldtekst in het veld vervangt geen label
Veel moderne formulieren sparen zichtbare labels en schrijven in plaats daarvan grijze voorbeeldtekst rechtstreeks in de velden. Dit ziet er opgeruimd uit, maar creëert drie problemen. Ten eerste: zodra de bezoeker begint te typen, verdwijnt de tekst — wie even werd afgeleid, weet niet meer welk veld wat was bij een half ingevuld formulier. Ten tweede: de grijze tekst is contrastarme en moeilijk leesbaar voor slechtzienden. Ten derde: zonder technische koppeling zegt het schermleezer alleen 'invoerveld' bij het aansturen van het veld — de blinde bezoeker verneemt nooit wat erin hoort. Een permanent label boven of naast het veld, technisch eraan gekoppeld, lost alle drie problemen tegelijk op.
Zo meet de controledienst de labels
De controledienst telt in een echte browser alle zichtbare invoervelden op uw pagina en controleert voor elk of een technisch gekoppeld label bestaat — als klassiek label, als omsluitend label of als toegankelijke naam in de broncode. Zijn alle velden van een label voorzien, dan wordt het criterium als bestaan beschouwd. Blijft zelfs maar een veld zonder label, wijst het rapport een overtreding aan en noemt het aantal betrokken velden met bewijs. Een veld zonder label telt ook tegen robustheidscritierumm 4.1.2, omdat het veld daarmee ook zijn toegankelijke naam mist. Of de aanwezige labels inhoudelijk juist geformuleerd zijn, beoordeelt bij de gouden standaard een persoon.
Beispiele
Platzhalter als einzige Beschriftung
<input type="text" placeholder="Nachname"><label for="nachname">Nachname</label>
<input id="nachname" type="text">Der Platzhalter verschwindet beim Tippen. Ein label bleibt und ist für Vorleseprogramme der Name des Feldes.
- Ga door elk formulier op uw website en controleer: staat bij elk veld een permanent zichtbaar label?
- Vervang voorbeeldtekst-oplossingen door echte labels boven het veld — voorbeeldtekst mag aanvullend blijven.
- Vraag uw bureau elk label technisch aan het bijbehorende veld te koppelen, zodat schermlezers het aankondigen.
- Vul velden met formaatspecificaties aan met een instructie, bijvoorbeeld 'Datum in formaat DD.MM.JJJJ', zichtbaar voor de invoer.
- Type een formulier half in en controleer of u daarna elk veld nog kunt toewijzen.