Accessibility order - Jetpack Compose

In Jetpack Compose, you can use the traversalIndex to alter the focus order of the screen. The traversalIndex will give assistive technologies an explicit order of traversing.

When a section of a screen is read out in an incorrect order, start by adding isTraversalGroup to the parent Column, Row or Box. This will let assistive technologies know that this section is grouped and should be traversed, before moving on to a next section. Then add traversalIndex to elements in this group to fix any issues with the focus order.

It is possible to use isTraversalGroup and traversalIndex on the same element.

Box(modifier = Modifier.semantics {
    isTraversalGroup = true
    traversalIndex = -1f
}) {
    // Box content...
}