Ha uno stato di accessibilità valido
Link to Ha uno stato di accessibilità valido copied to clipboard
Not for use with personal data
ID regola: has-valid-accessibility-state
Descrive lo stato attuale di un componente all'utente della tecnologia assistiva.
accessibilityState è un oggetto. Contiene i seguenti campi:
| Nome | Descrizione | Tipo | Obbligatorio |
|---|---|---|---|
disabled |
Indica se l'elemento è disabilitato o meno. | booleano | No |
selected |
Indica se un elemento selezionabile è attualmente selezionato o meno. | booleano | No |
checked |
Indica lo stato di un elemento selezionabile. Questo campo può accettare un valore booleano o la stringa "mixed" per rappresentare caselle di controllo miste. | Booleano o 'mixed' | No |
busy |
Indica se un elemento è attualmente occupato oppure no. | booleano | No |
expanded |
Indica se un elemento espandibile è attualmente espanso o collassato. | booleano | No |
Per utilizzarlo, impostare il accessibilityState su un oggetto con una definizione specifica.
Perché è importante
I campi accessibilityState devono essere scritti correttamente e corrispondere a valori che abbiano senso per descrivere lo stato 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 la accessibilityState prop sia un oggetto i cui campi siano impostati su un nome e un valore di tipo validi.
Esempi validi
<TouchableOpacity accessibilityState={{ checked: true }} />
<TouchableOpacity accessibilityState={{ checked: "mixed" }} />
<TouchableOpacity accessibilityState={{ checked: true, disabled: true }} />Esempi fallimentari
<TouchableOpacity accessibilityState="selected" />
<TouchableOpacity accessibilityState={{ disabled: "true" }} />
<View accessibilityStates={["checked"]} />