Heeft Geldige Toegankelijkheidstoestand
This page is not available in the language you requested. You have been redirected to the English version of the page.
Link to this page copied to clipboard
Not for use with personal data
Regel ID: heeft-geldige-toegankelijkheidstoestand
Beschrijft de huidige staat van een component aan de gebruiker van assistive technologie.
accessibilityState is een object. Het bevat de volgende velden:
| Naam | Beschrijving | Type | Vereist |
|---|---|---|---|
disabled |
Geeft aan of het element is uitgeschakeld of niet. | boolean | Nee |
selected |
Geeft aan of een selecteerbaar element momenteel is geselecteerd of niet. | boolean | Nee |
checked |
Geeft de staat aan van een element dat kan worden aangevinkt. Dit veld kan zowel een boolean als de "mixed" string aannemen om gemengde selectievakjes te vertegenwoordigen. | boolean of 'mixed' | Nee |
busy |
Geeft aan of een element momenteel bezig is of niet. | boolean | Nee |
expanded |
Geeft aan of een uitklapbaar element momenteel is uitgeklapt of ingeklapt. | boolean | Nee |
Om te gebruiken, stel de accessibilityState in op een object met een specifieke definitie.
Waarom Het Belangrijk Is
De accessibilityState velden moeten correct gespeld zijn en overeenkomen met waarden die zinvol zijn om de beoogde toegankelijkheidstoestand te beschrijven. Niet voldoen aan toegestane waarden resulteert in componenten die niet toegankelijk zijn voor gebruikers van assistive technologie.
Hoe Het Probleem Oplossen
Zorg ervoor dat de accessibilityState prop een object is dat velden heeft ingesteld op een geldige naam en typewaarde.
Voorbeelden van Geslaagde Tests
<TouchableOpacity accessibilityState={{ checked: true }} />
<TouchableOpacity accessibilityState={{ checked: "mixed" }} />
<TouchableOpacity accessibilityState={{ checked: true, disabled: true }} />Voorbeelden van Mislukte Tests
<TouchableOpacity accessibilityState="selected" />
<TouchableOpacity accessibilityState={{ disabled: "true" }} />
<View accessibilityStates={["checked"]} />