Tem Estado de Acessibilidade Válido
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
Not for use with personal data
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 para um objeto com uma definição específica.
Por Que Isso é Importante
Os campos de accessibilityState devem estar corretamente escritos e corresponder a valores que fazem 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 o accessibilityState prop seja um objeto que tenha campos definidos para um nome e um tipo de valor 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"]} />