A un rôle d'accessibilité

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

Règle exigeant que les composants Touchable aient une prop accessibilityRole décrivant l'élément aux technologies d'assistance

Free Trial
Not for use with personal data

ID de la règle : has-accessibility-role

WCAG 2.0 (A) 4.1.2

Exige que les composants Touchable aient une prop accessibilityRole pour décrire le rôle de l'élément aux utilisateurs de lecteurs d'écran.

Composants Touchable :

  • Pressable
  • TouchableOpacity
  • TouchableHighlight
  • TouchableWithoutFeedback
  • TouchableNativeFeedback

Pourquoi c'est important

Lorsque les lecteurs d'écran et les autres technologies d'assistance ne connaissent pas le rôle de chaque élément, ils ne peuvent pas interagir avec lui de manière intelligente, ni communiquer le rôle à l'utilisateur.

Comment résoudre le problème

Ajoutez un accessibilityRole à un composant Touchable accessible.

Exemples réussis

Le composant TouchableOpacity est accessible et a un accessibilityRole.

<TouchableOpacity accessibilityRole="button" />

Le composant TouchableOpacity n'est pas accessible et ne nécessite pas de accessibilityRole.

<TouchableOpacity accessible={false} />

Exemples échoués

Le composant TouchableOpacity est accessible mais n'a pas de accessibilityRole.

<TouchableOpacity />

Ressources