Konsekvent identifikation
Komponenter med samme funktion på tværs af et website skal identificeres konsekvent — samme label, samme ikon, samme tilgængeligt navn. To knapper med samme funktion bør ikke hedde Søg på én side og Find på en anden.
Hvad kravet indebærer
Når to brugergrænsefladekomponenter udfører den samme funktion på tværs af et website, skal de identificeres konsekvent. Det betyder samme tilgængelige navn (label, aria-label, alternativ tekst), samme ikon og tilsvarende visuel behandling — så brugeren kan genkende: „det er den samme handling, jeg udførte to sider siden.“
Reglen handler om mærkning, ikke styling. En indsendelsesknap kan fremhæves visuelt forskelligt i forskellige sammenhænge, men det tilgængelige navn „Indsend“ bør ikke blive til „Send“ et andet sted, hvis den gør det samme.
Sådan opfylder du kravet
- Vedligehold et lille ordforråd af handlingsverber („Gem“, „Annuller“, „Slet“, „Søg“) og anvend dem konsekvent på hele websitet.
- Brug det samme ikon for den samme handling overalt — ét søgeikon, ikke tre.
- Når et ikon repræsenterer en handling, skal det have det samme tilgængelige navn på tværs af sider.
- Brug en designsystemkomponent (
<Button label="Gem">) frem for at kode labels manuelt på hver side. - Gennemgå websitet for synonymer: „Send“ vs. „Indsend“, „Søg“ vs. „Find“, „Log ind“ vs. „Sign in“, „Tilmeld“ vs. „Opret konto“.
Typiske fejl
- To ikoner, der repræsenterer den samme handling, med to forskellige tilgængelige navne („Rediger“ på én skærm, „Ændr“ på en anden).
- Et søgefelt kaldet „Søg“ i headeren og „Find indhold“ i sidebaren.
- En „Slet“-knap i listevisningen og en „Fjern“-knap i detaljvisningen — samme effekt, forskelligt ord.
- Inkonsekvent CTA-tekst: „Køb nu“ på produktsiden, „Læg i kurv“ på oversigtsiden, for hvad der funktionelt er den samme handling.
Hvorfor det er vigtigt
Skærmlæserbrugere navigerer ved at skimme en liste over links eller knapper. Hvis den samme handling er mærket forskelligt på tværs af websitet, kan de ikke genkende mønsteret — de skal læse hvert label fra bunden og overveje, om dette „Send“ er det samme som hint „Indsend.“ For brugere med kognitive handicap er konsekvent identifikation en af de mest effektive hjælpemidler til forståelse, du kan tilbyde.
Dette succeskriterium håndhæves ved at behandle UI-tekst og ikoner som design-tokens i første klasse og ikke som indhold, som den enkelte skribent beslutter individuelt.