Succescriterium 2.4.7 - Niveau AA
Focus zichtbaar
Zorg dat het duidelijk is waar de focus van hulpmiddelen zich bevindt. App ontwikkelaars kunnen de kleur van het kader mogelijk niet aanpassen. Het is echter wel mogelijk om elementen een andere achtergrondkleur te geven wanneer ze focus hebben.
Impact
Apps worden beter bruikbaar wanneer het element met focus goed zichtbaar is.
Controleren
“Wordt de focus overal duidelijk getoond wanneer je met hulpmiddelen navigeert?“
Dit kan getest worden met de schermlezer of toetsenbordbediening.
Let op: apps kunnen de kleur van het focuskader niet aanpassen. Dit kan de gebruiker alleen zelf doen via de systeeminstellingen.
Oplossing
Accessibility focus indicator toevoegen
On Android, you can adjust colors when an element receives focus. However, it's not possible to change the focus indicator of assistive technologies. Users can adjust their preferences in the system settings of Android.
You can use a ColorStateList
to change colors based on the element state. An element moves into the state_focused
whenever it receives focus.
The code sample below shows how to change the background color of a button on focus.
<!-- selector.xml -->
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@color/focused" android:state_focused="true" />
<item android:drawable="@color/default" />
</selector>
<!-- layout.xml -->
<Button
android:id="@+id/button"
android:background="@drawable/selector">
</Button>