Ha il Ruolo di 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

Regola che richiede ai componenti Touchable di avere una prop accessibilityRole che descrive l'elemento alla tecnologia assistiva

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 prop accessibilityRole per descrivere il ruolo dell'elemento agli utenti di screen reader.

Componenti Touchable:

  • Pressable
  • TouchableOpacity
  • TouchableHighlight
  • TouchableWithoutFeedback
  • TouchableNativeFeedback

Perché È Importante

Quando gli screen reader e altre tecnologie assistive non conoscono il ruolo di ogni elemento, non sono in grado di interagire con esso in modo intelligente, né riescono a comunicare il ruolo all'utente.

Come Risolvere il Problema

Aggiungi un accessibilityRole a un componente Touchable accessibile.

Esempi Positivi

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 Negativi

Il componente TouchableOpacity è accessibile ma non ha un accessibilityRole.

<TouchableOpacity />

Risorse