Tiene un estado de accesibilidad válido

Link to Tiene un estado de accesibilidad válido copied to clipboard
Free Trial
Not for use with personal data

ID de regla: tiene un estado de accesibilidad válido

WCAG 2.0 (A) 4.1.2

Describe el estado actual de un componente al usuario de tecnología de asistencia.

accessibilityState es un objeto Contiene los siguientes campos:

Nombre Descripción Tipo Obligatorio
disabled Indica si el elemento está deshabilitado o no. booleano No
selected Indica si un elemento seleccionable está seleccionado actualmente o no. booleano No
checked Indica el estado de un elemento marcable. Este campo puede tomar un valor booleano o la cadena "mixed" para representar casillas de verificación mixtas. Booleano o 'mixed' No
busy Indica si un elemento está actualmente ocupado o no. booleano No
expanded Indica si un elemento expandible está actualmente expandido o contraído. booleano No

Para utilizarlo, establezca accessibilityState en un objeto con una definición específica.

Por qué es importante

Los campos accessibilityState deben estar escritos correctamente y corresponder a valores que tengan sentido para describir el estado de accesibilidad previsto. El incumplimiento de los valores permitidos da como resultado componentes que no son accesibles para los usuarios de tecnología de asistencia.

Cómo solucionar el problema

Asegúrese de que la propiedad accessibilityState sea un objeto que tenga campos configurados con un nombre y un valor de tipo válidos.

Ejemplos exitosos

<TouchableOpacity accessibilityState={{ checked: true }} />
<TouchableOpacity accessibilityState={{ checked: "mixed" }} />
<TouchableOpacity accessibilityState={{ checked: true, disabled: true }} />

Ejemplos de fallos

<TouchableOpacity accessibilityState="selected" />
<TouchableOpacity accessibilityState={{ disabled: "true" }} />
<View accessibilityStates={["checked"]} />

Recursos