Tiene rol de accesibilidad

Link to Tiene rol de accesibilidad copied to clipboard
Free Trial
Not for use with personal data

ID de regla: has-accessibility-role

WCAG 2.0 (A) 4.1.2

Requiere que los componentes táctiles tengan una accessibilityRole propiedad para describir la función del elemento para los usuarios de lectores de pantalla.

Componentes táctiles:

  • Pressable
  • TouchableOpacity
  • TouchableHighlight
  • TouchableWithoutFeedback
  • TouchableNativeFeedback

Por qué es importante

Cuando los lectores de pantalla y otras tecnologías de asistencia no conocen la función de cada elemento, no pueden interactuar con él de forma inteligente ni tampoco pueden comunicar dicha función al usuario.

Cómo solucionar el problema

Agregue un accessibilityRole a un componente táctil accesible.

Ejemplos aprobados

El componente TouchableOpacity es accesible y tiene un accessibilityRole.

<TouchableOpacity accessibilityRole="button" />

El componente TouchableOpacity no es accesible y no requiere de un accessibilityRole.

<TouchableOpacity accessible={false} />

Ejemplos de fallas

El componente TouchableOpacity es accesible pero no tiene un accessibilityRole.

<TouchableOpacity />

Recursos