Texte sélectionnable

Les vues contenant du texte doivent être focalisables pour des technologies d'assistance telles que VoiceOver.

Impact

Les personnes utilisant VoiceOver 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 VoiceOver
2. Essayer de se concentrer sur 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 ciblé par VoiceOver.

Comment corriger

Un problème détecté par cette règle est causé par un élément de texte qui n'est pas marqué comme élément d'accessibilité. S'il existe une vue parent pouvant être ciblé, le texte n'a pas besoin d'être ciblé individuellement. Cela pourrait être par exemple une étiquette pour un contrôle ou le texte descriptif d'un contrôle.

UIKit

Pour corriger dans le storyboard :

1. Accédez à l’élément de texte.
2. Confirmez que le panneau d’inspection est visible.
3. Sélectionnez l’inspecteur d’identité.
4. Sous « Accessibilité », cochez la case « Activé ».

Pour corriger dans le code :

Rendre l'élément de texte focalisable avec VoiceOver :

label.isAccessibilityElement = true

SwiftUI

Dans SwiftUI, 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 son accessibilité en utilisant le modificateur de vue 'accessibilityHidden'.

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 Text component ou la propriété accessibilityElementsHidden=true sur le parent component.