A un rôle d'accessibilité

Link to A un rôle d'accessibilité copied to clipboard
Free Trial
Not for use with personal data

ID de règle : has-accessibility-role

WCAG 2.0 (A) 4.1.2

Nécessite que les composants Touchable disposent d'une accessibilityRole propriété 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 autres technologies d’assistance ne connaissent pas le rôle de chaque élément, ils ne sont pas en mesure d’interagir avec lui de manière intelligente, ni de communiquer le rôle à l’utilisateur.

Comment résoudre le problème

Ajoutez un accessibilityRole à un composant Touchable accessible.

Exemples de réussite

TouchableOpacity accessibilityRoleLe composant est accessible et possède un.

<TouchableOpacity accessibilityRole="button" />

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

<TouchableOpacity accessible={false} />

Exemples d'échecs

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

<TouchableOpacity />

Ressources