Formulierinstructies

Silktide vindt formuliervelden die mogelijk uitleg nodig hebben, zoals velden voor vrije tekst, en vraagt je te beslissen of elk veld instructies nodig heeft die beschrijven wat moet worden ingevuld. Velden die wel instructies nodig hebben, moeten deze in de code gekoppeld hebben, niet alleen in de buurt geplaatst.

Waarom dit belangrijk is

Een label alleen is vaak niet genoeg. "Datum" zegt niets over de verwachte indeling, die per land verschilt; "Referentie" zegt niet welk van je drie referentienummers wordt bedoeld. Bezoekers die verkeerd gokken krijgen een foutmelding – of erger nog, hun inzending wordt geaccepteerd met onjuiste gegevens.

De instructie in de code koppelen is net zo belangrijk als deze schrijven: een tip die visueel alleen in de buurt van het veld staat, is onzichtbaar voor een gebruiker van een die op het invoerveld is gefocust.

Hoe je dit oplost

Bepaal voor elk gemarkeerd veld of een bezoeker onzeker kan zijn over wat er moet worden ingevuld. Zo ja:

Voeg een beschrijving toe en koppel die aan het veld met het -attribuut aria-describedby:

<!-- De tip wordt aangekondigd wanneer het veld focus krijgt -->
<label for="date">Datum</label>
<input type="text" id="date" aria-describedby="date-hint">
<p id="date-hint">Indeling: dag/maand/jaar, bijv. 28/07/2026</p>

Of gebruik in plaats daarvan een speciaal ontworpen veldtype van . <input type="date"> geeft bezoekers een datumkiezer in hun eigen landinstelling, zonder dat uitleg nodig is – geef hier de voorkeur aan wanneer er een geschikt type bestaat.

Als het veld voor zichzelf spreekt – een vak "Zoeken" of een veld "Bericht" in een contactformulier – is geen instructie nodig; de bevinding goed.

Hoe Silktide dit test

Zoek de formulierbesturingselementen waarbij instructies waarschijnlijk helpen: <textarea>- elementen en <input>-velden van het type text, email, file, number, password of range. Knoppen, selectievakjes, keuzerondjes en vervolgkeuzemenu's worden overgeslagen, omdat een label daarvoor normaal gesproken voldoende is.
Sla velden over die niet zichtbaar zijn voor ziende gebruikers, en velden die door bekende widgets van derden worden ingevoegd, zoals de verborgen formulieren die scripts voor tracking en vertaling toevoegen voor eigen gebruik.
Sla velden over die al een gekoppelde beschrijving hebben – een aria-describedby die verwijst naar echte, niet-lege tekst, of een niet-leeg aria-description-attribuut.
Markeer elk overgebleven veld voor beoordeling: een persoon beslist of het daadwerkelijk instructies nodig heeft.

Probleemoplossing

Mijn veld heeft direct eronder een tip

Visuele nabijheid is geen koppeling. Tenzij de tip met aria-describedby (of aria-description) aan het veld is gekoppeld, kondigt deze niet aan en markeert Silktide het veld. Door het attribuut toe te voegen, worden beide problemen opgelost.