A une Valeur d'Accessibilité Valide
Règle exigeant que les composants React Native utilisent une prop accessibilityValue valide
ID de la règle : has-valid-accessibility-value
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 des plages, tels que les curseurs et les barres de progression, il contient des informations sur la plage (minimum, actuel et maximum).
accessibilityValue est un objet. Il contient les champs suivants :
| Nom | Description | Type | Obligatoire |
|---|---|---|---|
min |
La valeur minimum de la plage de ce composant. | entier | Obligatoire si now est défini. |
max |
La valeur maximum 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. Elle remplacera min, now, et max si défini. |
chaîne | Non |
Pourquoi C'est Important
Les champs de accessibilityValue doivent être correctement orthographiés et correspondre à des valeurs qui ont du sens pour décrire la valeur d'accessibilité prévue. 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 la prop accessibilityValue est un objet qui possède des champs définis avec un nom et un type de valeur valides.
Exemples Conformes
<TouchableOpacity accessibilityValue={{ min: 0, now: 40, max: 70 }} />
<TouchableOpacity accessibilityValue={{ text: "stuff" }} />Exemples Non Conformes
<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 }} />