Direct naar de inhoud

Succescriterium 1.3.5 Identificeer het doel van de input

Niveau AA

Lees de officiële tekst van succescriterium 1.3.5 Identificeer het doel van de input

  • Doel van een invoerveld

    Vaak moeten in formulieren gegevens worden ingevuld die bij veel andere formulieren ook worden gevraagd. Dit geldt voor veelgevraagde gegevens zoals naam, e-mailadres en telefoonnummer.

    Het doel van een invoerveld kan worden vastgelegd in de code. Hierdoor begrijpen browsers welke gegevens er worden gevraagd. Een browser kan het formulier dan al (deels) automatisch zelf invullen. Dit is handig voor alle bezoekers, maar voor bezoekers met een motorische beperking is dit nog belangrijker. Het invullen van een formulier kan hen veel tijd kosten.

    Gebruik hiervoor het autocomplete-attribuut in de code om het doel van het invoerveld toe te voegen aan het <​input​>-element.

    In de code ziet dat er zo uit:

    <label for="veld1">Naam:</label>
    <input type="text" id="veld1" autocomplete="name">
    
    <label for="veld2">Geboortedatum:</label>
    <input type="text" id="veld2" autocomplete="bday">

    Het W3C heeft een lijst met 53 doelen van invoer die in de code horen vastgelegd te worden. (https://www.w3.org/TR/WCAG21/#input-purposes).

    Thema’s

    Open dit onderwerp op een eigen pagina

Terug naar boven