Ha un valore di accessibilità valido

Link to Ha un valore di accessibilità valido copied to clipboard
Free Trial
Not for use with personal data

ID della regola: has-valid-accessibility-value

WCAG 2.0 (A) 4.1.2

Rappresenta il valore corrente di un componente. Può trattarsi di una descrizione testuale del valore di un componente oppure, per i componenti basati su intervalli, come cursori e barre di avanzamento, contiene informazioni sull'intervallo (minimo, corrente 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 corrente dell'intervallo di questo componente. intero No
text Una descrizione testuale del valore di questo componente. Sostituirà min, now e max se impostato. stringa No

Perché è importante

I accessibilityValue campi devono essere scritti correttamente e corrispondere a valori che abbiano senso per descrivere il valore di accessibilità previsto. Il mancato rispetto dei valori consentiti comporta la creazione di componenti non accessibili agli utenti di tecnologie assistive.

Come risolvere il problema

Assicurarsi che accessibilityValue la prop sia un oggetto i cui campi siano impostati su un nome e un valore di tipo validi.

Esempi validi

<TouchableOpacity accessibilityValue={{ min: 0, now: 40, max: 70 }} />
<TouchableOpacity accessibilityValue={{ text: "stuff" }} />

Esempi fallimentari

<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 }} />

Risorse