Focusbare Tekst

Leer hoe we kunstmatige intelligentie gebruiken voor deze regel!

Waar We Op Letten

Alle elementen die tekst bevatten, moeten focusbaar zijn voor ondersteunende technologieën zoals TalkBack. Tekstelementen mogen niet verborgen zijn voor ondersteunende technologie, zodat gebruikers toegang hebben tot en het lezen van tekst op het scherm.

Fout Voorbeeld ❌

De price and description text are hidden from assistive technology

TalkBack slaat over van „Premium Hoofdtelefoon“ direct naar „Toevoegen aan winkelwagen“ — de prijs en beschrijving worden nooit aangekondigd

Gebruikers van schermlezers missen belangrijke productinformatie die op het scherm wordt weergegeven

Goede Voorbeeld ✅

Alle tekstelementen zijn available to assistive technology en bereikbaar voor TalkBack

TalkBack navigeert door alle vier de elementen in volgorde: kop, prijs, beschrijving, en knop

Gebruikers van schermlezers ontvangen de volledige productinformatie in een logische leesvolgorde

In Een Oogopslag

• Deze regel heeft een kritische impact voor gebruikers
• Tekstelementen mogen niet verborgen zijn voor ondersteunende technologie, zodat TalkBack ze kan lezen
• Stel in XML geen importantForAccessibility="no" in op tekstelementen
• Markeer in Compose tekstelementen niet als invisibleToUser()
• In React Native zijn tekstelementen standaard toegankelijk; verberg ze dus niet voor ondersteunende technologie

Impact op Gebruikers

Mensen met blindheid of een visuele beperking worden het meest getroffen. Wanneer een tekstelement verborgen is voor toegankelijkheid, kan TalkBack er niet op focussen. Als gevolg hiervan missen schermlezergebruikers informatie die op het scherm wordt weergegeven volledig, wat verwarring kan veroorzaken of gebruikers kan verhinderen toegang te krijgen tot belangrijke inhoud.

Focusbare Tekstprobleem Bevestigen

1. Zet TalkBack aan
2. Probeer op het tekstelement te focussen
3. Een van de volgende dingen gebeurt:
   • Niet Toegankelijk: Tekstelement kan niet door TalkBack worden gefocust
   • Toegankelijk: Tekstelement wordt gefocust en gelezen door TalkBack

Problemen Oplossen

Om een Focusbare Tekstprobleem op te lossen, zorg ervoor dat het tekstelement niet expliciet verborgen is voor ondersteunende technologie. Als de tekst deel uitmaakt van een focusbare ouderelement (zoals een knop of gelabelde controle), moet de toegankelijke naam van de ouder de tekst bevatten. In dat geval hoeft het tekstelement zelf niet individueel focusbaar te zijn.

XML

Stel de importantForAccessibility eigenschap niet in op "no" voor tekstelementen. Als dit attribuut aanwezig is, verwijder het of stel het in op "yes" of "auto".

Compose

Markeer Compose tekstelementen niet als invisibleToUser(). Verwijder deze modifier om ervoor te zorgen dat het element beschikbaar is voor TalkBack.

Text("Digital equality for all.", modifier = Modifier.semantics {
    // Remove invisibleToUser() to make this element accessible to TalkBack
    invisibleToUser()
})

React Native

In React Native zijn tekstelementen standaard toegankelijk. Controleer of de tekst betekenisvol is en context biedt. Zet de toegankelijkheid niet uit door de accessible={false} eigenschap direct op het Text element te gebruiken, of de importantForAccessibility='no-hide-descendants' eigenschap op een ouder element.

Flutter

In Flutter worden Text elementen standaard in de toegankelijkheidsboom opgenomen. Controleer of de tekst betekenisvol is en context biedt. Sluit zichtbare tekst niet uit van de toegankelijkheidsboom door het in ExcludeSemantics of Semantics(excludeSemantics: true) te wikkelen.

Kan Ik Deze Regel Negeren?

Focusbare Tekst heeft een Kritische impact voor gebruikers, en we raden sterk aan om deze problemen op te lossen. In gevallen waarin de tekst is opgenomen binnen een ouder element dat al focusbaar is door TalkBack en de tekst al in zijn toegankelijke naam opneemt - zoals een knoplabel of beschrijvende tekst van een bedieningselement - kan het acceptabel zijn om het tekstelement zelf niet focusbaar te laten. Leer meer over regels negeren.

Bronmateriaal

Deque University Cursuspagina's

• 1.3.2 Betekenisvolle Volgorde (A)

*Opmerking: Volledige toegang tot Deque University-bronnen vereist een abonnement.*

Andere bronnen

• Web Content Accessibility Guidelines (WCAG) 2.0, W3C-aanbeveling
  • Succescriterium 1.3.2 - Betekenisvolle Volgorde
• WCAG 2.0 Begrippendocumenten
  • Inzicht in 1.3.2 A - Betekenisvolle Volgorde