Heeft Geldige Toegankelijkheidswaarde
Regel die vereist dat React Native-componenten een geldige accessibilityValue-eigenschap gebruiken
Regel-ID: heeft-geldige-toegankelijkheidswaarde
Stelt de huidige waarde van een component voor. Het kan een tekstuele beschrijving zijn van de waarde van een component, of voor componenten gebaseerd op bereik, zoals schuifbalken en voortgangsbalken, bevat het informatie over het bereik (minimum, huidige en maximum).
accessibilityValue is een object. Het bevat de volgende velden:
| Naam | Beschrijving | Type | Vereist |
|---|---|---|---|
min |
De minimumwaarde van het bereik van deze component. | integer | Vereist als now is ingesteld. |
max |
De maximumwaarde van het bereik van deze component. | integer | Vereist als now is ingesteld. |
now |
De huidige waarde van het bereik van deze component. | integer | Nee |
text |
Een tekstuele beschrijving van de waarde van deze component. Zal min, now en max overschrijven indien ingesteld. |
string | Nee |
Waarom Het Belangrijk Is
De accessibilityValue-velden moeten correct gespeld zijn en overeenkomen met waarden die zinvol zijn om de bedoelde toegankelijkheidswaarde te beschrijven. Niet voldoen aan toegestane waarden resulteert in componenten die niet toegankelijk zijn voor gebruikers van ondersteunende technologieën.
Hoe Het Probleem Opgelost Kan Worden
Zorg ervoor dat de accessibilityValue-eigenschap een object is dat velden heeft met een geldige naam en typewaarde.
Voorbeelden van Goede Implementatie
<TouchableOpacity accessibilityValue={{ min: 0, now: 40, max: 70 }} />
<TouchableOpacity accessibilityValue={{ text: "stuff" }} />Voorbeelden van Slechte Implementatie
<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 }} />