Hopp til innhold
Aksel

Søk

Ctrl+K for å søkeEsc for å lukke

Aksel

Designsystemet
God praksisBloggen

Retningslinje

3.2.4 Konsekvent identifikasjon

Brukere kan lettere gjenkjenne like funksjoner på et nettsted når de har konsekvent navn og utseende.

Suksess

Suksesskriterium 3.2.4 Konsekvent identifikasjon (Nivå AA)

Komponenter som har samme funksjonalitet innenfor et sett av nettsider, identifiseres på en konsekvent måte.

Hvorfor er suksesskriteriet viktig?

Alle drar nytte av at lik funksjonalitet identifiseres konsekvent på tvers av et nettsted. Gjenkjennbare funksjoner er spesielt viktige for personer som er synshemmede eller har kognitive utfordringer. Når brukere først har sett hvordan en funksjon ser ut eller hva den heter, forventer de å finne den igjen på samme måte andre steder. Konsistent merking av f.eks. søkefunksjonalitet, navigasjonslenker og knapper gjør det enklere og mer intuitivt å finne frem på nettstedet.

Anbefalinger

Den enkleste måten å oppfylle dette kravet på er å bruke dekoratøren og Aksels komponenter, maler og mønstre.

Vanlige misforståelser

Noen tror at kravet kun gjelder visuelle aspekter av funksjonelle komponenter, men det stemmer ikke. Konsekvent identifikasjon omfatter både komponentens synlige tekst og utforming og elementets tilgjengelige navn eller alternativtekst.

Hvordan teste kravet

Kjernespørsmålet

Har brukergrensesnittkomponenter med samme funksjon det samme navnet og samme utseendet hver gang de vises på tvers av nettstedet?

Innhold du må teste

Alle funksjonelle komponenter som befinner seg på flere sider i løsningen. Blant annet:

  • Navigasjonselementer: menyer, brødsmulesti, paginering, neste- og tilbake-lenker
  • Skjemaelementer og knapper: søk, logg inn, send, avbryt
  • Funksjonelle ikoner: slett, rediger, skriv ut, lukke modaler
  • Andre komponenter: statusmeldinger, varsler og feilmeldinger, ekspanderende elementer

Testmetode

For hvert gjentatte komponent:

  • Sjekk et utvalg av sider der komponenten forekommer.
  • Verifiser at komponenten har samme visuelle utforming, tekst/tilgjengelig navn og ikon på hver side.

Tips

Komponentens tilgjengelige navn (accessible name) kan du sjekke i Accessibility-panelet i nettleserens devtools eller med en skjermleser.

Ofte-stilte spørsmål

Medvirkende

Sarah Brodwall

Innspill til artikkelen

Logg inn med Nav SSO for å gi innspill til artikkelen

Logg inn med Nav SSO
3.2.4 Konsekvent identifikasjon - Aksel.nav.no