Ga naar hoofdinhoud
Logo Appt Light

Succescriterium 2.4.3 - Niveau A

Focus volgorde

Zorg dat hulpmiddelen een logische focus volgorde aanhouden bij het navigeren. De volgorde om door een scherm te navigeren is meestal van links naar rechts, van boven naar onder. Zorg dat de focus van hulpmiddelen gelijk is.

Impact

Mensen die hulpmiddelen zoals schermlezer, toetsenbord en schakelbediening gebruiken hebben baat bij een focus volgorde die logisch is.

Controleren

Gebruiken hulpmiddelen een logische volgorde om door het scherm te navigeren?

Dit kan getest worden met de schermlezer of toetsenbordbediening.

Oplossing

Alle interactieve elementen moeten te gebruiken zijn met hulpmiddelen. Het kan soms nodig zijn om de focus van hulpmiddelen te verplaatsen.

Volgorde voor toetsenbord aanpassen

On Android, you can use several focus properties to modify the keyboard focus order.

<View
    android:id="@+id/notFocusable"
    android:focusable="false"/>

<EditText
    android:id="@+id/field1"
    android:focusable="true"
    android:nextFocusForward="@+id/field2"
    android:nextFocusDown="@+id/field3"
    android:nextFocusRight="@+id/field2"/>

<EditText
    android:id="@+id/field2"
    android:focusable="true"
    android:nextFocusForward="@+id/field3"
    android:nextFocusDown="@+id/field4"/>

<EditText
    android:id="@+id/field3"
    android:focusable="true"
    android:nextFocusForward="@+id/field4"/>

<EditText
    android:id="@+id/field4"
    android:focusable="true"/>
Bijdragen

Volgorde voor hulpmiddelen aanpassen

On Android, you can set the accessibility order in XML, or modify the accessibility order in code. You can use the android:accessibilityTraversalAfter and android:accessibilityTraversalBefore properties in XML. Or you can use the setAccessibilityTraversalBefore and setAccessibilityTraversalAfter methods in code.

header.setAccessibilityTraversalBefore(R.id.description)
list.setAccessibilityTraversalAfter(R.id.description)
Bijdragen

Accessibility focus verplaatsen

On Android, you can send an AccessibilityEvent of the type TYPE_VIEW_FOCUSED to move the focus of assistive technologies to a specific view. The view must be focusable for this event to take effect.

fun focus(view: View) {
    view.sendAccessibilityEvent(AccessibilityEvent.TYPE_VIEW_FOCUSED)
}
Bijdragen

Bronnen

Feedback?

Laat 't ons weten!