Konsekvent identifiering
Komponenter med samma funktion på en webbplats måste identifieras konsekvent — samma etikett, samma ikon, samma tillgängliga namn. Två knappar som gör samma sak ska inte heta Sök på en sida och Hitta på en annan.
Vad det kräver
När två användargränssnittskomponenter utför samma funktion på en webbplats måste de identifieras konsekvent. Det innebär samma tillgängliga namn (etikett, aria-label, alternativtext), samma ikon och matchande visuell behandling — så att användaren kan känna igen “det här är samma åtgärd jag utförde två sidor sedan.”
Regeln handlar om märkning, inte om visuell utformning. En skicka-knapp kan vara visuellt betonad på olika sätt i olika sammanhang, men det tillgängliga namnet “Skicka” bör inte bli “Sänd” på ett annat ställe när den gör samma sak.
Hur du uppfyller det
- Underhåll ett litet ordförråd av handlingsverb (“Spara”, “Avbryt”, “Ta bort”, “Sök”) och använd dem konsekvent på hela webbplatsen.
- Använd samma ikon för samma åtgärd överallt — en sökikon, inte tre varianter.
- När en ikon representerar en åtgärd, ge den samma tillgängliga namn på alla sidor.
- Använd en designsystemskomponent (
<Button label="Spara">) i stället för att hårdkoda etiketter per sida. - Granska webbplatsen efter synonymer: “Sänd” kontra “Skicka”, “Sök” kontra “Hitta”, “Logga in” kontra “Sign in”, “Registrera” kontra “Skapa konto”.
Vanliga fel
- Två ikoner som representerar samma åtgärd med två olika tillgängliga namn (“Redigera” på en skärm, “Ändra” på en annan).
- Ett sökfält märkt “Sök” i sidhuvudet och “Hitta innehåll” i sidpanelen.
- En “Ta bort”-knapp i listvyn och en “Radera”-knapp i detaljvyn — samma effekt, olika ord.
- Inkonsekvent CTA-text: “Köp nu” på produktsidan, “Lägg i kundvagnen” på listningssidan, för vad som funktionellt är samma åtgärd.
Varför det spelar roll
Skärmläsaranvändare navigerar genom att skumma en lista med länkar eller knappar. Om samma åtgärd är märkt på olika sätt på webbplatsen kan de inte skapa igenkännbara mönster — de måste läsa varje etikett på nytt och resonera om detta “Sänd” är detsamma som det “Skicka”. För användare med kognitiva funktionsnedsättningar är konsekvent identifiering ett av de kraftfullaste hjälpmedlen för förståelse man kan erbjuda.
Det här framgångskriteriet tillämpas genom att behandla gränssnittstext och ikoner som förstaklassens designtokens, inte som innehåll som varje skribent bestämmer individuellt.