Succescriterium 3.2.4 Consistente identificatie
Componenten die dezelfde functionaliteit hebben binnen een verzameling webpagina’s worden consistent geïdentificeerd.
Consistente identificatie begrijpen (Engelstalig)
Onderdelen met dezelfde functie moeten op alle pagina’s van je website een consistente naam hebben. Heet de zoekknop op de ene pagina “Zoeken”? Noem hem dan op een andere pagina niet “Vind” of “Doorzoek website”. Dat geldt ook voor verschillende onderdelen die hetzelfde doen, zoals een link “Inloggen” in de header en een knop “Aanmelden” onderaan de pagina.
Consistent is niet altijd precies hetzelfde. “Ga naar pagina 4” en “Ga naar pagina 5” zijn consistent. Het vaste deel blijft gelijk, alleen het paginanummer verandert.
Mensen die een schermlezer gebruiken, leren een website kennen aan de namen van links en knoppen. Heeft dezelfde functie steeds een andere naam, dan moeten ze op elke pagina opnieuw uitzoeken wat iets doet. Ook mensen die een cognitieve beperking hebben, raken daardoor sneller in de war.
Hoe pas je dit toe?
- Geef links, knoppen en formulierelementen met dezelfde functie op elke pagina dezelfde zichtbare tekst en dezelfde toegankelijke naam.
- Geef iconen en afbeeldingen met dezelfde functie overal hetzelfde tekstalternatief. Heeft hetzelfde icoon een andere functie? Geef het dan juist een ander tekstalternatief.
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?
Hoe toets je dit?
Uitzonderingen
Geen uitzonderingen
Geldt alleen voor:
- bedieningselementen met dezelfde functie binnen een verzameling webpagina’s
Testprocedures
Test 1: Componenten met dezelfde functie
- Verken meerdere pagina’s binnen dezelfde verzameling webpagina’s
- Bepaal welke elementen er zijn:
- Links
- Knoppen
- Formulierelementen (invoervelden, keuzelijsten, selectievakjes, keuzerondjes, schuifregelaars)
- Maatwerk bedieningselementen
- Accordeons of andere elementen die kunnen uitvouwen en samenvouwen
- Dialoogvensters, carrousels, tabbladen en mediaspelers
- Iconen en andere afbeeldingen met een functie
- Bepaal voor elk element welke functie het heeft (wat er gebeurt bij gebruik)
- Bepaal welke elementen op verschillende pagina’s dezelfde functie hebben, ook als ze er anders uitzien of een ander soort element zijn
- Bepaal voor elk element met dezelfde functie het zichtbare label
- Bepaal welke elementen er zijn:
- Vergelijk de elementen met dezelfde functie op alle bezochte pagina’s en controleer:
- Of het zichtbare label op elke pagina consistent is
- Zoek in de code naar de toegankelijke naam van elk element met dezelfde functie (zie De toegankelijke naam bepalen) en controleer:
- Of de toegankelijke naam op elke pagina consistent is
- Of het tekstalternatief van iconen en afbeeldingen met dezelfde functie op elke pagina consistent is
Belangrijk om te weten
- Consistent is niet altijd identiek. Een naam mag verschillen als een deel van de functie verschilt, zoals een paginanummer of een documentnaam. Het vaste deel van de naam blijft gelijk.
- Hetzelfde icoon kan verschillende functies hebben, bijvoorbeeld een vinkje voor “goedgekeurd” en een vinkje voor “inbegrepen”. Dan moet het tekstalternatief juist verschillen.
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
- “Inloggen” en “Aanmelden” voor dezelfde functie
Beoordeling
- Het zichtbare label van elementen met dezelfde functie moet op elke pagina binnen een verzameling webpagina’s consistent zijn
- De toegankelijke naam van elementen met dezelfde functie moet op elke pagina binnen een verzameling webpagina’s consistent zijn
- Het tekstalternatief van iconen en afbeeldingen met dezelfde functie moet op elke pagina binnen een verzameling webpagina’s consistent zijn