Tiene Role de Accesibilidad

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

Regla que requiere que los componentes Touchable tengan una prop llamada accessibilityRole que describa el elemento a la tecnología asistiva

Free Trial
Not for use with personal data

ID de Regla: tiene-role-de-accesibilidad

WCAG 2.0 (A) 4.1.2

Requiere que los componentes Touchable tengan una accessibilityRole para describir el rol del elemento a los usuarios de lectores de pantalla.

Componentes Touchable:

  • Pressable
  • TouchableOpacity
  • TouchableHighlight
  • TouchableWithoutFeedback
  • TouchableNativeFeedback

Por qué es importante

Cuando los lectores de pantalla y otras tecnologías asistivas no conocen el rol de cada elemento, no pueden interactuar con él de manera inteligente, ni pueden comunicar el rol al usuario.

Cómo solucionar el problema

Añada una accessibilityRole a un componente Touchable accesible.

Ejemplos Correctos

El componente TouchableOpacity es accesible y tiene una accessibilityRole.

<TouchableOpacity accessibilityRole="button" />

El componente TouchableOpacity no es accesible y no requiere una accessibilityRole.

<TouchableOpacity accessible={false} />

Ejemplos Incorrectos

El componente TouchableOpacity es accesible pero no tiene una accessibilityRole.

<TouchableOpacity />

Recursos