Tem Valor de Acessibilidade Válido
Regra que exige que os componentes React Native usem uma prop accessibilityValue válida
ID da Regra: tem-valor-de-acessibilidade-válido
Representa o valor atual de um componente. Pode ser uma descrição textual do valor de um componente ou, para componentes baseados em intervalo, como controles deslizantes e barras de progresso, contém informações de intervalo (mínimo, atual e máximo).
accessibilityValue é um objeto. Ele contém os seguintes campos:
| Nome | Descrição | Tipo | Obrigatório |
|---|---|---|---|
min |
O valor mínimo do intervalo deste componente. | inteiro | Necessário se now estiver definido. |
max |
O valor máximo do intervalo deste componente. | inteiro | Necessário se now estiver definido. |
now |
O valor atual do intervalo deste componente. | inteiro | Não |
text |
Uma descrição textual do valor deste componente. Irá substituir min, now e max, se definidos. |
string | Não |
Por Que Isso é Importante
Os campos accessibilityValue devem ser escritos corretamente e corresponder a valores que façam sentido para descrever o valor de acessibilidade pretendido. O não cumprimento dos valores permitidos resulta em componentes que não são acessíveis para usuários de tecnologias assistivas.
Como Corrigir o Problema
Garanta que a prop accessibilityValue seja um objeto que tenha campos definidos com um nome válido e valor de tipo.
Exemplos de Sucesso
<TouchableOpacity accessibilityValue={{ min: 0, now: 40, max: 70 }} />
<TouchableOpacity accessibilityValue={{ text: "stuff" }} />Exemplos de Falha
<TouchableOpacity accessibilityValue={{ min: 0, now: 50, max: 100, text: "stuff" }} />
<TouchableOpacity accessibilityValue={{ now: 50 }} />
<TouchableOpacity accessibilityValue="stuff" />
<TouchableOpacity accessibilityValue={{ min: "0", now: "50", max: "100" }} />
<TouchableOpacity accessibilityValue={{ text: 0 }} />