Hvorfor er suksesskriteriet viktig?

Hensikten med dette suksesskriteriet er å sikre at skjermlesere gjør brukere oppmerksomme på dynamiske meldinger og statusendringer.

Med skjermleser kan du bare lese noen få tegn av gangen i punktskrift eller høre ett og ett ord med syntetisk tale. Endringer som vises andre steder på siden enn der brukeren befinner seg, og som ikke får fokus, er vanskelige å oppdage. Statusbeskjeder skal kunne formidles uten at skjermleserfokus endres fordi det blir forstyrrende for brukeren. Hvis skjermleserfokus endres må brukeren ofte lete seg tilbake til det han holdt på med før fokusendringen.

Hva er en statusbeskjed?

To ting avgjør om noe er en statusbeskjed:

Det er ikke bare visuelle tekstmeldinger som er statusbeskjeder:

Det kan legges til dynamisk innhold som ikke oppfyller definisjonen av en statusbeskjed. 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.

Anbefalinger

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:

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 statusbeskjeder: 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 statusbeskjed. 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:

Hvordan teste kravet?

Kjernespørsmålet

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

Innhold du må teste

Statusbeskjeder/endringer på siden.

Testmetode

Dette suksesskriteriet er det sannsynligvis 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:

Noen status-roller leses ikke opp automatisk (i alle fall foreløpig), 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å