1.3.5 Identificeer het doel van de input

Succescriterium 1.3.5 Identificeer het doel van de input

Het doel van elk invoerveld waarmee informatie van de gebruiker wordt verzameld, kan door software bepaald worden wanneer:

Identificeer het doel van de input begrijpen (Engelstalig)

Leg het doel van invoervelden die persoonlijke informatie van de gebruiker verzamelen vast in de code. Hieronder vallen persoonsgegevens zoals naam, voornaam, achternaam, e-mailadres, telefoonnummer, enz.

Voor mensen die gebruik maken van een schermlezer en voor mensen met een fysieke of motorische beperking kan het invullen van een formulier een flinke opgave zijn. Als je het doel van invoervelden in de code vastlegt, dan kunnen browsers de invoervelden automatisch invullen. Zo kunnen formulieren door iedereen sneller (en consistenter) worden ingevuld.

Daarnaast profiteren mensen met dyslexie of geheugenproblemen van deze techniek. Zij hoeven informatie niet te onthouden of opnieuw in te typen.

Let op: Dit criterium geldt alleen voor invoervelden die informatie over de gebruiker zelf verzamelen. Het geldt niet voor formulieren waar gegevens van meerdere personen worden ingevuld (zoals het boeken van een ticket voor een vliegreis waar je ook gegevens van medereizigers invult). Het geldt alleen voor velden die gegevens vragen van de persoon die het formulier invult. Vraag je ook gegevens van anderen, zoals medereizigers, dan geldt het voor die velden niet.

Hoe pas je dit toe?

  • Geef invoervelden die persoonlijke gegevens verzamelen, zoals naam of adres, het juiste autocomplete-attribuut.
Veelgebruikte inputdoelen
  • name: Volledige naam
  • given-name: Voornaam
  • family-name: Achternaam
  • address-line1: Straatnaam en huisnummer
  • postal-code: Postcode
  • address-level2: Woonplaats
  • bday: Geboortedatum
  • email: E-mailadres
  • tel: Telefoonnummer

Bekijk de volledige lijst met inputdoelen

Ondersteuning

Het autocomplete-attribuut wordt ondersteund door:

  • <input> met type: text, hidden, search, email, tel, url, password, date, month, number
  • <textarea>
  • <select>

Voor wie is dit belangrijk?

  • Mensen die een schermlezer gebruiken.
  • Mensen die blind of slechtziend zijn.
  • Mensen die een cognitieve, taal- of leerbeperking hebben.
  • Mensen die een fysieke of motorische beperking hebben.

Wie is verantwoordelijk?

Hoe toets je dit?

Uitzonderingen

Uitzonderingen:

  • invoervelden die twee inputdoelen tegelijk accepteren (zoals een invoerveld voor “gebruikersnaam of e-mailadres”)

Geldt alleen voor:

  • invoervelden die informatie over de gebruiker zelf verzamelen
  • invoervelden met een doel dat in de lijst van inputdoelen staat
  • content die is gemaakt met technologieën die het doel van invoervelden kunnen doorgeven
Testprocedure

Test 1: Doel van de input

  1. Inventariseer de pagina
    • Bepaal welke formulieren er zijn:
      • Zoekformulieren
      • Contactformulieren
      • Nieuwsbriefinschrijvingen
      • Login- en aanmeldingsformulieren
      • Feedbackformulieren
      • Account-instellingen
      • Bestel- en betaalformulieren
    • Bepaal voor elk invoerveld in de formulieren (<input>, <textarea> en <select>):
      • Of het persoonlijke informatie vraagt:
        • Voornaam en achternaam
        • E-mailadres
        • Telefoonnummer
        • Adresgegevens (straat, huisnummer, postcode, plaats, land)
        • Geboortedatum
        • Gebruikersnaam
        • Wachtwoord
        • Organisatiegegevens (functietitel, organisatienaam)
      • Of het veld zich richt op informatie van de gebruiker zelf
      • Of het gegevenstype voorkomt in de lijst met inputdoelen
  2. Controleer elk relevant invoerveld:
    • Open de Inspector (Ontwikkelaarstools)
      • Klik met rechtermuisknop op het invoerveld
      • Selecteer ‘Inspecteren’ of ‘Inspecteer Element’
  3. Zoek in de code naar elk relevant invoerveld (<input>-, <textarea>– of <select>) en controleer:
    • Of het element een autocomplete-attribuut heeft
    • Of de waarde voorkomt in de lijst met inputdoelen
    • Of de waarde juist is voor het gevraagde gegevenstype

Belangrijk om te weten

  • De waarden on en off staan niet in de lijst met inputdoelen, een veld met
    autocomplete="off" voldoet dus niet
  • Staat autocomplete="off" op het <form>-element, dan geldt dat ook voor
    elk veld in dat formulier zonder eigen autocomplete-attribuut
Beoordeling
  • Invoervelden die informatie over de gebruiker zelf vragen, moeten een autocomplete-attribuut hebben als die informatie voorkomt in de lijst van inputdoelen
  • De waarde van het autocomplete-attribuut moet juist zijn voor de gevraagde informatie

Bronnen

Andere richtlijnen

Lees verder

Laatst gewijzigd op