Ha un ruolo di accessibilità

Link to Ha un ruolo di accessibilità copied to clipboard
Free Trial
Not for use with personal data

ID regola: has-accessibility-role

WCAG 2.0 (A) 4.1.2

Richiede che i componenti Touchable abbiano una accessibilityRole prop per descrivere il ruolo dell'elemento agli utenti di lettori di schermo.

Componenti toccabili:

  • Pressable
  • TouchableOpacity
  • TouchableHighlight
  • TouchableWithoutFeedback
  • TouchableNativeFeedback

Perché è importante

Se gli screen reader e altre tecnologie assistive non conoscono il ruolo di ciascun elemento, non sono in grado di interagire con esso in modo intelligente né di comunicarne il ruolo all'utente.

Come risolvere il problema

Aggiungere un accessibilityRole a un componente Touchable accessibile.

Esempi validi

Il componente TouchableOpacity è accessibile e ha un accessibilityRole.

<TouchableOpacity accessibilityRole="button" />

Il componente TouchableOpacity non è accessibile e non richiede un accessibilityRole.

<TouchableOpacity accessible={false} />

Esempi non riusciti

Il componente TouchableOpacity è accessibile ma non ha un accessibilityRole.

<TouchableOpacity />

Risorse