ID de regla: tiene un estado de accesibilidad válido
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"]} />