Hvorfor er suksesskriteriet viktig?

Med skjermleser vil bare en liten del av nettsiden vises av gangen (med punktskrift eller opplesing med syntetisk tale). Endringer som vises andre steder på siden, og som ikke får fokus, er vanskelige å oppdage når du bruker skjermleser. Hensikten med dette suksesskriteriet er å sikre at brukere gjøres oppmerksomme på dynamiske meldinger og statusendringer. Dette skal skje på en måte som ikke endrer fokus til skjermleseren, noe som kan være veldig forstyrrende for brukeren.

Dette suksesskriteriet er primært laget for å sikre at hjelpeteknologi får med seg synlig tekst som dukker opp på nettsiden. Kriteriet gjelder imidlertid også andre endringer:

• Meldinger eller tilleggsinformasjon som kun vises for skjermlesere
• Endringer i statustekst (for eksempel et nummer som oppdateres)
• Fjerning av statustekst (for eksempel meldinger av typen «Vent litt mens systemet oppdateres!»)
• Ikke-tekstlig statusinnhold (grafikk)

Anbefalinger

Suksesskriterie 4.1.3 omhandler statusendringer. To ting avgjør om noe er en statusmelding/endring:

• Meldingen gir informasjon til brukeren om suksessen eller resultatene av en handling, om ventetilstanden til en applikasjon, om fremdriften til en prosess, eller om at det finnes feil;
• Meldingen gis ikke gjennom en kontekstendring.

Det kan legges til informasjon som ikke oppfyller definisjonen av en statusmelding. For eksempel regnes ikke søketreff som en statusoppdatering og dekkes derfor ikke av dette suksesskriteriet. Korte meldinger som vises om fullføringen eller statusen til søket, for eksempel "Søker...", "18 resultater funnet" eller "Ingen resultater funnet" er derimot statusoppdateringer hvis de ikke får fokus.

For å gi skjermlesere beskjed om statusmeldinger uten å flytte fokus brukes WAI-ARIA. Statusmeldinger/endringer legges i en `div` (eller liknende) med ulike roller. Aktuelle roller og litt om hvordan disse fungerer i praksis med skjermlesere er beskrevet nedenfor:

Vi anbefaler at du bruker riktige semantiske roller, altså merker status med rollen som er riktigst i den konteksten statusendringen forekommer. Dessverre håndteres rollene litt forskjellig av ulike skjermlesere, og foreløpig har ingen skjermlesere utnyttet hele potensialet som ligger i disse rollene:

• De fleste skjermlesere håndterer `status` og `alert` veldig likt.
  Vi anbefaler likevel at du bruker disse rollene på riktig måte.
• Ingen skjermlesere så langt vi kjenner til gjør noe som helst med `timer` og `marquee` (har eksempelvis ikke hurtigtaster for å flytte til slike regioner). Her anbefaler vi også at rollene benyttes. Det vil gi økt effektivitet og brukervennlighet for skjermleserbrukere dersom det kommer ny funksjonalitet i skjermleserne.
• `progressbar` håndteres ganske ulikt av ulike skjermlesere.
  Selv om Windows skjermleser ikke takler `aria-valuetext` bør dette attributtet vurderes. I mange sammenhenger vil `aria-valuetext` øke brukervennligheten til både Jaws, NVDA og VoiceOver.

Morten har laget en testside der du også kan lese flere detaljer om skjermlesere og status-rollene.

Vanlige misforståelser

Når utviklere begynner å bruke WAI-ARIA er det en vanlig misforståelse at standarden skal brukes overalt og til alt mulig. Dette gjelder også rollene som er aktuelle i forbindelse med statusmeldinger/endringer: `status`, `alert`, `log`, `progressbar`, `marquee` og `timer`. Bruk disse rollene kun til det de er ment for og ikke ellers.

Har du for eksempel en expander som bruker `aria-expanded=true/false` skal ikke innholdet som vises når expanderen utvides merkes som en statusendring. Gjør du et valg i et skjema som fører til at det vises nye felt skal ikke disse merkes som statusendring (det kan være tilfeller der du kan vurdere å gi en kort melding om at det har skjedd endringer). Meldinger som krever handlinger skal heller ikke merkes med disse rollene (vurder i så fall role=alertdialog). Eksempler på innhold som derimot skal merkes som statusmeldinger er:

• "Antall søketreff: 88"
• "Vent mens vi henter persondata." Her er det også fint med en skjult statusmelding som sier "Persondataene er nå innhentet" når meldingen forsvinner.
• "Obs. Skjemaet inneholder 2 feil: epost mangler og telefonnummeret har for mange siffer."

Hvordan teste kravet?

Kjernespørsmålet

Får brukere, spesielt de som bruker skjermleserteknologi, beskjed om viktige endringer i innholdet uten at fokus endres?

Innhold du må teste

Statusmeldinger/endringer på siden.

Testmetode

Dette suksesskriteriet er det enklest å teste med en skjermleser. Du kan selvsagt sjekke kode, men ofte er det vanskelig å se om attributter er plassert helt riktig eller om ulike wai-aria egenskaper ødelegger for hverandre:

1. Start en skjermleser.
2. Åpne siden og gjør det som må til for å få fram statusmeldinger/endringer.
3. Blir statusmeldingen lest opp automatisk av skjermleseren uten at fokus flyttes fra der du er?

Enkelte statusendringer skal ikke leses opp automatisk, for eksempel regioner merket med role=marquee eller role=timer. Videre vet vi at skjermlesere håndterer wai-aria rollene forskjellig, og du bør egentlig sette deg inn i forventet virkemåte for den skjermleseren du tester med.

Ofte-stilte spørsmål

Les også

• Understanding SC 4.1.3
• Mortens testside om skjermlesere og status-rollene.