Ha uno Stato di Accessibilità Valido
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
Regola che richiede ai componenti React Native di utilizzare una prop accessibilityState valida
Not for use with personal data
ID della Regola: has-valid-accessibility-state
Descrive lo stato corrente di un componente agli utenti di tecnologia assistiva.
accessibilityState è un oggetto. Contiene i seguenti campi:
| Nome | Descrizione | Tipo | Richiesto |
|---|---|---|---|
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 verificabile. Questo campo può assumere un valore booleano o la stringa "mixed" per rappresentare checkbox misti. | booleano o 'mixed' | No |
busy |
Indica se un elemento è attualmente occupato o no. | booleano | No |
expanded |
Indica se un elemento espandibile è attualmente espanso o compresso. | booleano | No |
Per l'uso, imposta il accessibilityState su un oggetto con una definizione specifica.
Perché è Importante
I campi del accessibilityState devono essere scritti correttamente e corrispondere a valori sensati per descrivere lo stato di accessibilità previsto. Il mancato rispetto dei valori consentiti porta a componenti non accessibili agli utenti di tecnologia assistiva.
Come Risolvere il Problema
Assicurati che la prop accessibilityState sia un oggetto con campi impostati su un nome e tipo validi.
Esempi Correttamente Implementati
<TouchableOpacity accessibilityState={{ checked: true }} />
<TouchableOpacity accessibilityState={{ checked: "mixed" }} />
<TouchableOpacity accessibilityState={{ checked: true, disabled: true }} />Esempi di Errori
<TouchableOpacity accessibilityState="selected" />
<TouchableOpacity accessibilityState={{ disabled: "true" }} />
<View accessibilityStates={["checked"]} />