Ga naar hoofdinhoud
Logo Appt Light

Succescriterium 2.4.7 - Niveau AA

Focus zichtbaar

Zorg dat het duidelijk is waar de focus van hulpmiddelen zich bevindt. Vaak wordt de focus weergeven door een kader om het element heen te plaatsen. Zorg ervoor dat de plaatsing van het kader klopt en dat de kleur duidelijk te zien is. Voor apps is het niet mogelijk om de de kleur van het kader aan te passen. 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>
Bijdragen

Bronnen

Feedback?

Laat 't ons weten!