A un état d'accessibilité valide
Link to A un état d'accessibilité valide copied to clipboard
Not for use with personal data
ID de règle : has-valid-accessibility-state
Décrit l’état actuel d’un composant à l’utilisateur de la technologie d’assistance.
accessibilityState est un objet. Il contient les champs suivants :
| Nom | Description | Type | Obligatoire |
|---|---|---|---|
disabled |
Indique si l'élément est désactivé ou non. | booléen | Non |
selected |
Indique si un élément sélectionnable est actuellement sélectionné ou non. | booléen | Non |
checked |
Indique l'état d'un élément cochable. Ce champ peut prendre soit un booléen, soit la chaîne « mixte » pour représenter des cases à cocher mixtes. | Booléen ou « mixte » | Non |
busy |
Indique si un élément est actuellement occupé ou non. | booléen | Non |
expanded |
Indique si un élément extensible est actuellement déplié ou replié. | booléen | Non |
Pour l'utiliser, configurez le accessibilityState sur un objet avec une définition spécifique.
Pourquoi c'est important
accessibilityState Les champs doivent être correctement orthographiés et correspondre à des valeurs qui ont du sens pour décrire l'état d'accessibilité prévu. Le non-respect des valeurs autorisées entraîne des composants qui ne sont pas accessibles aux utilisateurs de technologies d'assistance.
Comment résoudre le problème
Assurez-vous que le accessibilityState prop est un objet dont les champs sont définis sur une valeur de nom et de type valide.
Exemples de réussite
<TouchableOpacity accessibilityState={{ checked: true }} />
<TouchableOpacity accessibilityState={{ checked: "mixed" }} />
<TouchableOpacity accessibilityState={{ checked: true, disabled: true }} />Exemples d'échecs
<TouchableOpacity accessibilityState="selected" />
<TouchableOpacity accessibilityState={{ disabled: "true" }} />
<View accessibilityStates={["checked"]} />