Share via

Annonsere dynamiske endringer med aktive områder for lerretsapper

  • Artikkel

Dynamiske endringer gir utfordringer for svaksynte. Brukere som får tilgang til en app via et skjermleser, blir fokusert på én del av appen. Hvis en endring skjer et annet sted, blir ikke disse brukerne klar over det.

Du kan løse dette problemet ved å legge til aktive områder, som skjermlesere sporer. Hvis innholdet endres i et aktivt område, vil en skjermleser informere om denne endringen.

Den underliggende mekanismen for aktive områder er aria-live-områder, så de samme retningslinjene gjelder.

Eksempler på bruk av aktive områder

Du kan bruke aktive områder til å varsle brukere når hendelser som dette skjer:

  • Det oppstår en valideringsfeil i et skjema.
  • En handling som utløses av en knapp, er vellykket. En bruker kan for eksempel velge en knapp for å legge til et element i en samling, og et aktivt område kan vise meldingen "element lagt til".
  • Brukeren valgte en annen kategori.
  • En bakgrunnstidtaker oppdaterer en nyhetsfeed.

Opprette og konfigurere et aktivt område

Du kan bare konfigurere en Etikett-kontroll som et aktivt område. Live-egenskapen bestemmer hvilken type aktivt område det er.

  • Off: Ikke et aktivt område. Skjermlesere annonserer ikke endringer.
  • Polite: Skjermlesere annonserer endringer etter fullført tale. Bruk denne verdien for ikke-kritiske varsler som ikke krever umiddelbar oppmerksomhet.
  • Assertive: Skjermlesere avbryter seg selv for å annonsere endringer umiddelbart. Bruk denne verdien for kritiske varsler som krever umiddelbar oppmerksomhet.

Hvis tekstinnholdet i et aktivt område endres, vil skjermlesere annonsere hele tekstinnholdet, ikke bare den endrede delen. Hvis verdien for Text-egenskapen er satt til tom streng "", annonserer ikke skjermleseren noe.

Hvis du vil gjenta en melding, fjerner du tekstinnhold ved å sette verdien for Text-egenskapen til tom streng, "" og deretter angir du verdien til meldingen på nytt.

Anbefalte fremgangsmåter

  • Sett alltid Visible til sann. Noen skjermlesere registrerer ikke aktive områder som forsvinner og vises på nytt.
  • Unngå å endre verdien for Live. Noen skjermlesere registrerer ikke når et ikke-aktivt område blir aktivt og omvendt.
  • Plasser det aktive området i en logisk posisjon i appen, selv om det ikke vises. Kontroller at innholdet passer sammen med elementene før og etter det. Brukere kan få tilgang til et aktivt område når som helst gjennom vanlig navigasjon med en skjermleser, ikke bare når endringer skjer.

Neste trinn

Bruk tilgjengelighetskontrollen

Se også