Hat gültigen Accessibility-Wert
Regel, die erfordert, dass React Native-Komponenten eine gültige accessibilityValue-Eigenschaft verwenden
Regel-ID: hat-gültigen-accessibility-wert
Repräsentiert den aktuellen Wert einer Komponente. Es kann sich um eine textuelle Beschreibung des Werts einer Komponente handeln oder bei bereichsbasierten Komponenten, wie Schiebereglern und Fortschrittsbalken, enthält es Informationen zum Bereich (Minimum, aktuell und Maximum).
accessibilityValue ist ein Objekt. Es enthält die folgenden Felder:
| Name | Beschreibung | Typ | Erforderlich |
|---|---|---|---|
min |
Der Mindestwert des Bereichs dieser Komponente. | integer | Erforderlich, wenn now gesetzt ist. |
max |
Der Höchstwert des Bereichs dieser Komponente. | integer | Erforderlich, wenn now gesetzt ist. |
now |
Der aktuelle Wert des Bereichs dieser Komponente. | integer | Nein |
text |
Eine textuelle Beschreibung des Werts dieser Komponente. Wird min, now und max überschreiben, wenn gesetzt. |
string | Nein |
Warum es wichtig ist
Die accessibilityValue Felder müssen korrekt geschrieben und auf Werte gesetzt werden, die sinnvoll sind, um den beabsichtigten Accessibility-Wert zu beschreiben. Nichteinhaltung zulässiger Werte führt dazu, dass Komponenten für Benutzer von unterstützenden Technologien nicht zugänglich sind.
Wie man das Problem behebt
Stellen Sie sicher, dass die accessibilityValue Eigenschaft ein Objekt ist, das Felder mit einem gültigen Namen und Typwert enthält.
Beispiele, die bestehen
<TouchableOpacity accessibilityValue={{ min: 0, now: 40, max: 70 }} />
<TouchableOpacity accessibilityValue={{ text: "stuff" }} />Beispiele, die durchfallen
<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 }} />