ID regola: has-accessibility-role
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 />