Verfügt über einen gültigen Zugänglichkeitswert

Link to Verfügt über einen gültigen Zugänglichkeitswert copied to clipboard
Free Trial
Not for use with personal data

Regel-ID: has-valid-accessibility-value

WCAG 2.0 (A) 4.1.2

Stellt den aktuellen Wert einer Komponente dar. Es kann sich um eine Textbeschreibung des Werts einer Komponente handeln oder bei bereichsbasierten Komponenten wie Schiebereglern und Fortschrittsbalken Bereichsinformationen (Minimum, aktuell und Maximum) enthalten.

accessibilityValue ist ein Objekt. Enthält die folgenden Felder:

Name Beschreibung Art Erforderlich
min Der Mindestwert des Bereichs dieser Komponente. Ganze Zahl Erforderlich, wenn now gesetzt ist.
max Der Maximalwert des Bereichs dieser Komponente. Ganze Zahl Erforderlich, wenn now gesetzt ist.
now Der aktuelle Wert des Bereichs dieser Komponente. Ganze Zahl Kein
text Eine Textbeschreibung des Werts dieser Komponente. Überschreibt min, now und max , falls festgelegt. Zeichenkette Kein

Warum es wichtig ist

Die accessibilityValue Felder müssen richtig geschrieben sein und Werten entsprechen, die für die Beschreibung des beabsichtigten Zugänglichkeitswerts sinnvoll sind. Das Nichteinhalten der zulässigen Werte führt dazu, dass Komponenten für Benutzer unterstützender Technologien nicht zugänglich sind.

So beheben Sie das Problem

Stellen Sie sicher, dass die accessibilityValue Eigenschaft ein Objekt ist, dessen Felder auf einen gültigen Namen und Typwert festgelegt sind.

Bestandene Beispiele

<TouchableOpacity accessibilityValue={{ min: 0, now: 40, max: 70 }} />
<TouchableOpacity accessibilityValue={{ text: "stuff" }} />

Beispiele für Fehlschläge

<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 }} />

Ressourcen