Heeft Geldige Toegankelijkheidswaarde

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
Free Trial
Not for use with personal data

Regel-ID: heeft-geldige-toegankelijkheidswaarde

WCAG 2.0 (A) 4.1.2

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 als ingesteld. string Nee

Waarom Het Belangrijk Is

De accessibilityValue velden moeten correct worden gespeld en overeenkomen met waarden die logisch zijn om de bedoelde toegankelijkheidswaarde te beschrijven. Naleving van toegestane waarden is verplicht, anders zijn componenten niet toegankelijk voor gebruikers van ondersteunende technologieën.

Hoe Het Probleem Opgelost Kan Worden

Zorg ervoor dat de accessibilityValue prop een object is met velden die zijn ingesteld op 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 }} />

Bronnen