Focusbare Tekst

Ontdek 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.

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 niet importantForAccessibility="no" in op tekstelementen
• Stel in Compose geen tekstelementen in 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 geen Compose-tekstelementen 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. Bevestig dat de tekst betekenisvol is en context biedt. Schakel toegankelijkheid niet uit door de accessible={false} eigenschap direct op het Tekstelement te gebruiken, of de importantForAccessibility='no-hide-descendants' eigenschap op een ouderelement.

Flutter

In Flutter worden Text elementen standaard in de toegankelijkheidsstructuur opgenomen. Bevestig dat de tekst betekenisvol is en context biedt. Sluit geen zichtbare tekst uit van de toegankelijkheidsstructuur door deze in te sluiten in ExcludeSemantics of Semantics(excludeSemantics: true).

Kan Ik Deze Regel Negeren?

Focusbare Tekst heeft een Kritische impact voor gebruikers, en we raden sterk aan deze problemen op te lossen. In gevallen waarin de tekst zich binnen een ouderelement bevindt dat al focusbaar is door TalkBack en de tekst al in zijn toegankelijke naam omvat - zoals een knoplabel of een beschrijvende tekst van een controle - 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
  • Begrijpen 1.3.2 A - Betekenisvolle volgorde