Give besked om dynamiske ændringer med dynamiske områder i lærredapps
Dynamiske ændringer er en udfordring for synshæmmede. Brugere, der åbner en app via en skærmlæser, fokuserer på en enkelt del af appen. Hvis der sker en ændring andetsteds, vil disse brugere ikke være opmærksomme på det.
Du kan løse dette problem ved at tilføje dynamiske områder, som skærmlæseren sporer. Hvis indholdet i et dynamisk område ændres, vil en skærmlæser give besked om ændringen.
Den underliggende mekanisme for dynamiske områder er dynamiske ARIA-områder, så de samme retningslinjer gælder.
Eksempel på brug af dynamiske områder
Du kan bruge dynamiske områder til at give brugerne besked, når der er hændelser som f.eks.:
- Der er opstået en valideringsfejl i en formular.
- En handling, der er udløst af en knap, er fuldført. En bruger kan f.eks. vælge en knap for at tilføje et element til en samling, og et dynamisk område kan vise meddelelsen "Element tilføjet".
- Brugeren har valgt en anden fane.
- En baggrundstimer opdaterer et nyhedsfeed.
Oprette og konfigurere et dynamisk område
Du kan kun konfigurere kontrolelementet for en Etiket som et dynamisk område. Egenskaben Live bestemmer, hvilken type dynamisk område det er.
- Off: Ikke et dynamisk område. Skærmlæsere meddeler ikke ændringer.
- Polite: Skærmlæsere meddeler ændringerne, når de er færdig med at tale. Brug denne værdi til meddelelser, der ikke er kritiske, og som ikke kræver øjeblikkelig opmærksomhed.
- Assertive: Skærmlæsere afbryder sig selv for straks at meddele ændringer. Brug denne værdi til meddelelser, der er kritiske, og som kræver øjeblikkelig opmærksomhed.
Hvis tekstindholdet i et dynamisk område ændres, vil skærmlæsere sige hele tekstindholdet og ikke kun den ændrede del. Hvis værdien for egenskaben Text er angivet til den tomme streng "", betyder det, at skærmlæseren ikke siger noget.
Hvis du vil gentage en meddelelse, skal du klargøre tekstindholdet ved at angive værdien for egenskaben Text til den tomme streng "" og derefter angive værdien igen for meddelelsen.
Bedste praksis
- Indstil altid Visble til sand. Nogle skærmlæsere registrerer ikke direkte områder, der forsvinder og vises igen.
- Undgå at ændre værdien for Live. Nogle skærmlæsere registrerer ikke, når et ikke-dynamisk område bliver dynamisk og omvendt.
- Anbring det aktive område i en logisk position i appen, også selvom det ikke er synligt. Sørg for, at indholdet er følsomt i forhold til elementerne før og efter. Brugerne kan når som helst få adgang til et dynamisk område gennem almindelig navigering på en skærmlæser, ikke kun når der sker ændringer.