Hopp til hovedinnhold

Hva leter du etter?

Prøv å søke etter…

Komponenter

Error summary

Error summary er en oppsummering av feil. Den gir brukeren oversikt over feil eller mangler som må rettes på en side eller trinn, for å komme videre.

Vi jobber med å forbedre dokumentasjonen for tilgjengelighet på denne komponenten. Har du spørsmål eller ser noe som bør prioriteres, ta gjerne kontakt med oss på Github eller Slack.

Når error summary blir synlig, må dette kommuniseres til skjermleserbrukere.

Flytt fokus

Vi anbefaler å flytte fokus til error summary når komponenten blir synlig. Skjermlesere vil da lese opp overskriften, og brukerne kan selv velge å flytte fokus til hver enkelt feilmelding i listen. Derifra kan brukerne lett navigere til feltet som inneholdt feilen.

Ved å flytte fokus kommuniserer vi endringen på siden gjennom en kontekstendring. Dette gjør at kravet 4.1.3 Statusbeskjeder ikke gjelder (uutilsynet.no). Dette er mer utfyllende beskrevet på engelsk i formålet med suksesskriterie 4.1.3 hos W3C WAI (w3.org).

Ikke bruk live region for error summary

En alternativ løsning er å ikke flytte fokus, men heller definere en live region (f.eks. med aria-role="alert") som error summary kan dukke opp i. Vi anbefaler å ikke gjøre dette, fordi:

  • Hele error summary, inkludert alle feilmeldinger, vil bli lest opp. Dette blir lett uoversiktlig.
  • Selv om feilmeldingene leses opp, kan ikke brukeren enkelt interagere med de. Dermed er det heller ingen enkel måte å gå til feltet som inneholder feil.
Rediger denne siden på github.com (åpnes i ny fane)