Tem Estado de Acessibilidade Válido
Regra que exige que os componentes React Native usem uma prop accessibilityState válida
ID da Regra: has-valid-accessibility-state
Descreve o estado atual de um componente para o usuário de tecnologia assistiva.
accessibilityState é um objeto. Ele contém os seguintes campos:
| Nome | Descrição | Tipo | Obrigatório |
|---|---|---|---|
disabled |
Indica se o elemento está desativado ou não. | booleano | Não |
selected |
Indica se um elemento selecionável está atualmente selecionado ou não. | booleano | Não |
checked |
Indica o estado de um elemento verificável. Este campo pode ter um valor booleano ou a string "mixed" para representar caixas de seleção mistas. | booleano ou 'mixed' | Não |
busy |
Indica se um elemento está atualmente ocupado ou não. | booleano | Não |
expanded |
Indica se um elemento expansível está atualmente expandido ou recolhido. | booleano | Não |
Para usar, defina o accessibilityState como um objeto com uma definição específica.
Por Que Isso é Importante
Os campos do accessibilityState devem ser escritos corretamente e corresponder a valores que façam sentido para descrever o estado de acessibilidade pretendido. O não cumprimento dos valores permitidos resulta em componentes que não são acessíveis para usuários de tecnologia assistiva.
Como Corrigir o Problema
Certifique-se de que a prop accessibilityState seja um objeto que tenha campos definidos com um nome e valor de tipo válidos.
Exemplos de Sucesso
<TouchableOpacity accessibilityState={{ checked: true }} />
<TouchableOpacity accessibilityState={{ checked: "mixed" }} />
<TouchableOpacity accessibilityState={{ checked: true, disabled: true }} />Exemplos de Falha
<TouchableOpacity accessibilityState="selected" />
<TouchableOpacity accessibilityState={{ disabled: "true" }} />
<View accessibilityStates={["checked"]} />