Consistente identificatie
Componenten met dezelfde functionaliteit op een site moeten consistent worden geïdentificeerd — zelfde label, zelfde pictogram, zelfde toegankelijke naam. Twee knoppen met dezelfde functie mogen niet op de ene pagina 'Zoeken' en op de andere 'Vinden' heten.
Wat het vereist
Wanneer twee gebruikersinterfacecomponenten dezelfde functie vervullen op een site, moeten zij consistent worden geïdentificeerd. Dat betekent dezelfde toegankelijke naam (label, aria-label, alternatieve tekst), hetzelfde pictogram en een overeenkomstige visuele behandeling — zodat de gebruiker herkent: „dit is dezelfde actie als twee pagina’s eerder.“
De regel gaat over labeling, niet over stijl. Een verzendknop kan visueel anders benadrukt zijn in verschillende contexten, maar de toegankelijke naam “Verzenden” mag niet op een andere pagina “Sturen” worden als die knop dezelfde functie heeft.
Hoe hieraan te voldoen
- Stel een beperkte woordenschat van werkwoorden vast (“Opslaan”, “Annuleren”, “Verwijderen”, “Zoeken”) en pas deze door de hele site toe.
- Gebruik hetzelfde pictogram voor dezelfde actie overal — één zoekicoon, niet drie.
- Geef een pictogram dat een actie vertegenwoordigt overal dezelfde toegankelijke naam.
- Gebruik een design-systeemcomponent (
<Button label="Opslaan">) in plaats van labels handmatig per pagina te coderen. - Voer een audit uit op synoniemen: “Sturen” vs. “Verzenden”, “Zoeken” vs. “Vinden”, “Inloggen” vs. “Aanmelden”, “Registreren” vs. “Account aanmaken”.
Veelvoorkomende fouten
- Twee pictogrammen die dezelfde actie vertegenwoordigen met twee verschillende toegankelijke namen (“Bewerken” op het ene scherm, “Wijzigen” op het andere).
- Een zoekinvoerveld gelabeld als “Zoeken” in de header en “Inhoud vinden” in de zijbalk.
- Een knop “Verwijderen” in de lijstweergave en een knop “Verwijder” in de detailweergave — hetzelfde effect, ander woord.
- Inconsistente CTA-tekst: “Nu kopen” op de productpagina, “Toevoegen aan winkelwagen” op de overzichtspagina, voor wat functioneel dezelfde actie is.
Waarom het belangrijk is
Schermlezersgebruikers navigeren door een lijst van links of knoppen te scannen. Als dezelfde actie op de site anders wordt gelabeld, kunnen zij geen patroon herkennen — zij moeten elk label opnieuw lezen en beredeneren of dit “Sturen” hetzelfde is als dat “Verzenden.” Voor gebruikers met cognitieve beperkingen is consistente identificatie een van de grootste hulpmiddelen voor begrip die men kan bieden.
Dit succescriterium wordt gehandhaafd door UI-tekst en pictogrammen te behandelen als eersteklas ontwerptokens, niet als inhoud die elke schrijver afzonderlijk bepaalt.