A une valeur d'accessibilité valide
ID de la règle : a-une-valeur-d'accessibilité-valide
Représente la valeur actuelle d'un composant. Il peut s'agir d'une description textuelle de la valeur d'un composant ou, pour les composants basés sur une plage, tels que les curseurs et les barres de progression, il contient des informations de plage (minimum, actuel et maximum).
accessibilityValue est un objet. Il contient les champs suivants :
| Nom | Description | Type | Obligatoire |
|---|---|---|---|
min |
La valeur minimale de la plage de ce composant. | entier | Obligatoire si now est défini. |
max |
La valeur maximale de la plage de ce composant. | entier | Obligatoire si now est défini. |
now |
La valeur actuelle de la plage de ce composant. | entier | Non |
text |
Une description textuelle de la valeur de ce composant. Remplacera min, now et max si défini. |
chaîne | Non |
Pourquoi c'est important
Les accessibilityValue champs doivent être correctement orthographiés et correspondre à des valeurs qui ont du sens pour décrire la valeur d'accessibilité souhaitée. 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 accessibilityValue le prop est un objet dont les champs sont définis sur une valeur de nom et de type valide.
Exemples de réussite
<TouchableOpacity accessibilityValue={{ min: 0, now: 40, max: 70 }} />
<TouchableOpacity accessibilityValue={{ text: "stuff" }} />Exemples d'échecs
<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 }} />