Tiene un Estado de Accesibilidad Válido
Regla que requiere que los componentes de React Native usen una prop accesibilityState válida
ID de la regla: has-valid-accessibility-state
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 | Requerido |
|---|---|---|---|
disabled |
Indica si el elemento está deshabilitado o no. | booleano | No |
selected |
Indica si un elemento seleccionable está actualmente seleccionado o no. | booleano | No |
checked |
Indica el estado de un elemento chequeable. Este campo puede tomar un booleano o la cadena "mixed" para representar casillas 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 colapsado. | booleano | No |
Para usar, configure el accessibilityState a un objeto con una definición específica.
Por Qué Es Importante
Los campos de accessibilityState deben estar escritos correctamente y corresponder a valores que tengan sentido para describir el estado de accesibilidad pretendido. No cumplir con los valores permitidos resulta en componentes que no son accesibles para los usuarios de tecnología de asistencia.
Cómo Corregir el Problema
Asegúrese de que la prop accessibilityState sea un objeto que tenga campos configurados con un nombre y un valor de tipo válido.
Ejemplos Aprobados
<TouchableOpacity accessibilityState={{ checked: true }} />
<TouchableOpacity accessibilityState={{ checked: "mixed" }} />
<TouchableOpacity accessibilityState={{ checked: true, disabled: true }} />Ejemplos Fallidos
<TouchableOpacity accessibilityState="selected" />
<TouchableOpacity accessibilityState={{ disabled: "true" }} />
<View accessibilityStates={["checked"]} />