Focustekst

Ontdek hoe we kunstmatige intelligentie gebruiken voor deze regel!

Waar We Op Controleren

Alle elementen met tekst moeten focusbaar zijn voor ondersteunende technologieën zoals VoiceOver. Tekstelementen moeten als toegankelijkheidselementen worden gemarkeerd, zodat VoiceOver-gebruikers naar en op het scherm weergegeven tekst kunnen navigeren en lezen.

In Een Oogopslag

• Deze regel heeft een kritieke impact op gebruikers
• Tekstelementen moeten als toegankelijkheidselementen worden gemarkeerd zodat VoiceOver ze kan lezen
• In UIKit, stel isAccessibilityElement = true in op het tekstelement om het focusbaar te maken
• In SwiftUI en React Native zijn tekstelementen standaard toegankelijk — verberg ze niet voor ondersteunende technologie

Impact op Gebruikers

Mensen met blindheid of slechtziendheid worden het meest getroffen. Wanneer een tekstelement niet als een toegankelijkheidselement is gemarkeerd, kan VoiceOver er niet op focussen. Als gevolg hiervan missen schermlezers informatie die op het scherm wordt weergegeven volledig, wat tot verwarring kan leiden of gebruikers kan verhinderen belangrijke inhoud te benaderen.

Controleer Focustekstprobleem

1. Schakel VoiceOver in
2. Probeer te focussen op het tekstelement
3. Een van de volgende zal gebeuren:
   • Niet toegankelijk: Tekstelement zal niet focusbaar zijn door VoiceOver
   • Toegankelijk: Tekstelement wordt gefocust en gelezen door VoiceOver

Problemen Oplossen

Om een focustekstprobleem op te lossen, zorg ervoor dat het tekstelement als een toegankelijkheidselement is gemarkeerd zodat VoiceOver het kan bereiken en aankondigen. Als de tekst deel uitmaakt van een focusbaar ouder-element (zoals een knop of gelabelde bediening), moet de toegankelijke naam van het ouder-element de tekst bevatten. In dat geval hoeft het tekstelement zelf niet individueel focusbaar te zijn.

UIKit

Om te repareren in Storyboard:

1. Navigeer naar het tekstelement.
2. Zorg ervoor dat het Inspector-paneel zichtbaar is.
3. Selecteer de Identiteitinspector.
4. Onder Toegankelijkheid, selecteer het vakje "Ingeschakeld".

Om in code te repareren, maak het tekstelement focusbaar door VoiceOver:

label.isAccessibilityElement = true

SwiftUI

In SwiftUI zijn tekstelementen standaard toegankelijk. Zorg ervoor dat de tekst betekenisvol is en context biedt, en verberg het niet door de view modifier accessibility hidden te gebruiken.

React Native

In React Native zijn tekstelementen standaard toegankelijk. Zorg ervoor dat de tekst betekenisvol is en context biedt. Schakel toegankelijkheid niet uit door de accessible={false} eigenschap direct op het Tekst-element in te stellen, of de accessibilityElementsHidden=true eigenschap op een ouder-element.

Flutter

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

Kan Ik Deze Regel Negeren?

Focustekst heeft een kritieke impact voor gebruikers, en we raden ten zeerste aan deze problemen op te lossen. In gevallen waarin de tekst zich binnen een ouder-element bevindt dat al focusbaar is door VoiceOver en de tekst al in de toegankelijke naam is opgenomen - zoals een knoplabel of de beschrijvende tekst van een bediening - kan het acceptabel zijn om het tekstelement zelf niet focusbaar te maken. Lees meer over regels negeren.

Middelen

Deque University Cursuspagina's

• 1.3.2 Betekenisvolle Volgorde (A)

Opmerking: Volledige toegang tot de bronnen van Deque University vereist een abonnement.

Andere Bronnen

• Web Content Accessibility Guidelines (WCAG) 2.0, W3C Aanbeveling
  • Succescriterium 1.3.2 - Betekenisvolle Volgorde
• WCAG 2.0 Begrijpendocumenten
  • Begrijpen 1.3.2 A - Betekenisvolle Volgorde