Identificeer het doel van de input

Nieuw in WCAG 2.1

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:

Het invoerveld een doel dient dat is geïdentificeerd in de paragraaf Inputdoelen voor Componenten van de Gebruikersinterface; en

De content wordt geïmplementeerd met behulp van technologieën die ondersteuning bieden bij het identificeren van de verwachte betekenis van formulier-invoergegevens.

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 kunnen de invoervelden automatisch invullen. Zo kunnen formulieren door iedereen sneller (en consistenter) worden ingevuld.

Hoe pas je dit toe?

Gebruik het autocomplete-attribuut op het <input>-element van de invoervelden waarmee persoonlijke informatie van de gebruiker wordt verzameld.

Elementen die het autocomplete-attribuut ondersteunen

<input>-elementen met een type-attribuut met de waarde text, date, email, hidden, month, number, password, search, tel of url
<textarea>-elementen
<select>-elementen

Veelgebruikte inputdoelen

name: Volledige naam
given-name: Voornaam
family-name: Achternaam
address-line1: Straatnaam
postal-code: Postcode
address-level2: Woonplaats
bday: Geboortedatum
email: E-mailadres
tel: Telefoonnummer

Bekijk de volledige lijst met inputdoelen

Voor wie is dit belangrijk?

Mensen die een schermlezer gebruiken.
Mensen die blind of slechtziend zijn.
Mensen die een fysieke of motorische beperking hebben.

Wie is verantwoordelijk?

Redacteur
Ontwikkelaar

Hoe toets je dit?

Testprocedure

Inventariseer de pagina
- Bepaal welke formulieren er allemaal zijn:
  - Zoekformulieren
  - Contactformulieren
  - Nieuwsbriefinschrijvingen
  - Login- en aanmeldingsformulieren
  - Feedbackformulieren
  - Account-instellingen
  - Bestellings- en checkoutformulieren
  - Enz.
Bepaal voor ieder invoerveld (<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 de gebruiker zelf
- Of het gegevenstype voorkomt in de lijst met inputdoelen
Controleer ieder relevant invoerveld
- Open Developer Tools:
  - Klik met rechtermuisknop op het invoerveld
  - Selecteer ‘Inspecteren’ of ‘Inspecteer Element’
  - Zoek het <input>, <textarea> of <select> element en controleer:
    - Of het autocomplete-attribuut aanwezig is
    - Of de waarde voorkomt in de lijst met inputdoelen
    - Of de waarde juist is voor het gevraagde gegevenstype

Beoordeling

Invoervelden voor persoonlijke informatie die voorkomen in de lijst van inputdoelen moeten een autocomplete-attribuut hebben
De waarde van het autocomplete-attribuut moet juist zijn voor de gevraagde informatie

Bronnen

Andere richtlijnen

Richtlijnen voor toegankelijkheid van webcontent