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. Het verschil met succescriterium 1.3.2 is dat het hier alleen gaat over de focus volgorde.
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.
android:nextFocusForward
: set the next element to move focus to.android:nextFocusUp
: specify which element should receive focus when navigating upandroid:nextFocusDown
: specify which element should receive focus when navigating downandroid:nextFocusLeft
: specify which element should receive focus when navigating to the leftandroid:nextFocusRight
: specify which element should receive focus when navigating to the right
<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"/>
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)
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)
}