Texte sélectionnable

This page is not available in the language you requested. You have been redirected to the English version of the page.
Link to this page copied to clipboard
Not for use with personal data

WCAG 2.0 - 1.3.2 A Impact – Critique

Découvrez comment nous utilisons l'intelligence artificielle. Découvrez son application pour cette règle !

Les vues contenant du texte doivent pouvoir recevoir le focus pour les technologies d'assistance telles que TalkBack.

Impact

Les personnes utilisant TalkBack et souffrant de cécité ou de malvoyance sont les plus touchées. Les éléments de texte doivent pouvoir être focalisés afin qu'un lecteur d'écran puisse transmettre des informations à l'utilisateur final.

Confirmation

  1. Activer TalkBack
  2. Tenter de focaliser l'élément de texte
  3. L'une des situations suivantes se produira :
    • Inaccessible : l'élément de texte ne sera pas susceptible de recevoir le focus.
    • Accessible : l'élément de texte est recevant le focus par TalkBack.

Comment corriger

XML

Évitez de définir la importantForAccessibility propriété sur les vues de texte no. Les vues auxquelles les personnes peuvent accéder sans technologie d’assistance devraient être disponibles pour ceux qui utilisent cette technologie.

Compose

Évitez de marquer les éléments de composition de texte comme invisibleToUser. Les vues auxquelles les personnes peuvent accéder sans technologie d’assistance devraient être disponibles pour ceux qui utilisent cette technologie.

Dans l'exemple ci-dessous, supprimez invisibleToUser pour garantir que les vues sont disponibles pour les personnes utilisant des technologies d'assistance.

Text("I am a text element.", modifier = Modifier.semantics {
    //Remove the below API to make it accessible
    invisibleToUser()
})

React Native

Les éléments de texte sont accessibles par défaut. Vous voudrez confirmer que le texte est significatif et fournit un contexte. Ne désactivez pas l'accessibilité en utilisant directement la propriété accessible={false} sur le composant Texte ou la propriété importantForAccessibility='no-hide-descendants' sur le composant parent.