Ha un Valore di Accessibilità Valido
Regola che richiede ai componenti React Native di utilizzare una prop accessibilityValue valida
ID Regola: ha-valore-accessibilità-valido
Rappresenta il valore attuale di un componente. Può essere una descrizione testuale del valore di un componente, oppure, per componenti basati su intervalli, come slider e barre di avanzamento, contiene informazioni sull'intervallo (minimo, attuale e massimo).
accessibilityValue è un oggetto. Contiene i seguenti campi:
| Nome | Descrizione | Tipo | Obbligatorio |
|---|---|---|---|
min |
Il valore minimo dell'intervallo di questo componente. | intero | Obbligatorio se now è impostato. |
max |
Il valore massimo dell'intervallo di questo componente. | intero | Obbligatorio se now è impostato. |
now |
Il valore attuale dell'intervallo di questo componente. | intero | No |
text |
Una descrizione testuale del valore di questo componente. Sovrascriverà min, now, e max se impostato. |
stringa | No |
Perché è Importante
I campi accessibilityValue devono essere scritti correttamente e corrispondere a valori che hanno senso per descrivere il valore di accessibilità previsto. Il mancato rispetto dei valori consentiti si traduce in componenti non accessibili agli utenti della tecnologia assistiva.
Come Risolvere il Problema
Assicurati che la prop accessibilityValue sia un oggetto che ha campi impostati su un nome valido e un valore di tipo.
Esempi Correttamente Implementati
<TouchableOpacity accessibilityValue={{ min: 0, now: 40, max: 70 }} />
<TouchableOpacity accessibilityValue={{ text: "stuff" }} />Esempi Errati
<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 }} />