Verfügt über einen gültigen Zugänglichkeitszustand
Link to Verfügt über einen gültigen Zugänglichkeitszustand copied to clipboard
Not for use with personal data
Regel-ID: hat gültigen Barrierefreiheitsstatus
Beschreibt dem Benutzer unterstützender Technologie den aktuellen Status einer Komponente.
accessibilityState ist ein Objekt. Enthält die folgenden Felder:
| Name | Beschreibung | Art | Erforderlich |
|---|---|---|---|
disabled |
Gibt an, ob das Element deaktiviert ist oder nicht. | Boolescher Wert | Kein |
selected |
Gibt an, ob ein auswählbares Element aktuell ausgewählt ist oder nicht. | Boolescher Wert | Kein |
checked |
Zeigt den Status eines anwählbaren Elements an. Dieses Feld kann entweder einen Booleschen Wert oder die Zeichenfolge „gemischt“ annehmen, um gemischte Kontrollkästchen darzustellen. | boolean oder „gemischt“ | Kein |
busy |
Zeigt an, ob ein Element aktuell beschäftigt ist oder nicht. | boolean | Kein |
expanded |
Gibt an, ob ein erweiterbares Element aktuell erweitert oder eingeklappt ist. | Boolescher Wert | Kein |
Zur Verwendung, legen Sie ein Objekt mit einer bestimmten Definition auf accessibilityState fest.
Warum es wichtig ist
Die accessibilityState Felder müssen richtig geschrieben sein und Werten entsprechen, die für die Beschreibung des beabsichtigten Barrierefreiheitsstatus 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 accessibilityState Eigenschaft ein Objekt ist, dessen Felder auf einen gültigen Namen und Typwert festgelegt sind.
Bestandene Beispiele
<TouchableOpacity accessibilityState={{ checked: true }} />
<TouchableOpacity accessibilityState={{ checked: "mixed" }} />
<TouchableOpacity accessibilityState={{ checked: true, disabled: true }} />Beispiele für Fehlschläge
<TouchableOpacity accessibilityState="selected" />
<TouchableOpacity accessibilityState={{ disabled: "true" }} />
<View accessibilityStates={["checked"]} />