Succescriterium 3.2.4 Consistente identificatie
Componenten die dezelfde functionaliteit hebben binnen een verzameling webpagina’s worden consistent geïdentificeerd.
Consistente identificatie begrijpen (Engelstalig)
Zorg dat knoppen, links en andere onderdelen die op meerdere webpagina’s voorkomen steeds dezelfde naam hebben. Dus noem een zoekknop altijd “Zoeken” en niet soms “Zoeken” en dan weer “Vind” of “Doorzoek website”.
Als functionaliteit steeds een andere naam heeft, dan is dat verwarrend. Vooral mensen die een schermlezer gebruiken merken dit. Zij horen wat er op een pagina staat. Ze moeten op elke pagina opnieuw uitzoeken hoe alles werkt. Ook mensen met een cognitieve beperking kunnen het moeilijk vinden als functionaliteit steeds anders wordt benoemd.
Hoe pas je dit toe?
- Zorg dat links, knoppen en formulierelementen die op meerdere pagina’s worden herhaald en dezelfde functie hebben consistent benoemd worden.
- Zorg dat componenten die op meerdere pagina’s worden herhaald en dezelfde functie hebben consistent benoemd worden.
- Zorg dat afbeeldingen die op meerdere pagina’s worden herhaald en dezelfde functie hebben consistent benoemd worden.
Voor wie is dit belangrijk?
- Mensen die een schermlezer gebruiken.
- Mensen die blind of slechtziend zijn.
- Mensen die een cognitieve, taal- of leerbeperking hebben.
Wie is verantwoordelijk?
- Redacteur
- Ontwikkelaar
Hoe toets je dit?
Testprocedures
Test 1: Herhalende elementen
- Verken de website
- Bepaal welke elementen op meerdere pagina’s terugkomen:
- Links
- Knoppen
- Formulierelementen (invoervelden, keuzelijsten, selectievakjes, keuzerondjes, schuifregelaars, enz.)
- Navigaties en subnavigaties
- Accordeons of andere elementen die kunnen uitvouwen en samenvouwen
- Dialoogvensters
- Carrousels
- Tabbladen
- Mediaspelers
- Bepaal voor elk herhaald element wat de toegankelijke naam is:
- Open de Inspector (Ontwikkelaarstools):
- Klik met rechtermuisknop op het element
- Selecteer ‘Inspecteren’ of ‘Inspecteer Element’
- Bepaal de toegankelijke naam in deze volgorde:
- Voor afbeeldingen:
aria-labelledbyaria-labelalttitle
- Voor links:
aria-labelledbyaria-label- De inhoud van de link
- De zichtbare tekst
- Het tekstalternatief van afbeeldingen in de link
- Verborgen tekst in de link
title
- Voor knoppen:
aria-labelledbyaria-label- De inhoud van de knop
- De zichtbare tekst
- Het tekstalternatief van afbeeldingen in de knop
- Verborgen tekst in de knop
value(alleen voor<input type="button">)title
- Voor formulierelementen:
aria-labelledbyaria-label- De gekoppelde
<label> placeholdertitle
- Voor afbeeldingen:
- Open de Inspector (Ontwikkelaarstools):
- Bepaal welke elementen op meerdere pagina’s terugkomen:
- Verken meerdere andere pagina’s binnen dezelfde website
- Vergelijk de toegankelijke naam van elk herhaald element
- Controleer:
- Of elementen met dezelfde functie consistent worden benoemd
- Of labels, namen en tekstalternatieven consistent zijn over alle pagina’s
- Of menu-items overeenkomen met de koppen of titels van de doelpagina’s
Belangrijk om te weten
Let op: Consistent is niet altijd identiek. Labels mogen variëren als de context dat logisch maakt. Het patroon moet herkenbaar blijven.
Voorbeelden van consistente labels:
- “Ga naar pagina 4” en “Ga naar pagina 5”
- “Download jaarverslag 2024” en “Download jaarverslag 2025”
- “Print pagina” en “Print factuur”
Voorbeelden van inconsistente labels:
- “Zoeken” en “Vind” voor dezelfde zoekfunctie
- “Verstuur” en “Verzend” voor dezelfde knop
Beoordeling
- Elementen die op meerdere pagina’s worden herhaald moeten op elke pagina consistent benoemd worden