12.1. Ensure that the tab order follows the logical reading order

The tab order should logically follow the visual order of the page.

In other words, if an interactive element follows another interactive element in the visual presentation of the page, the focus should also move from the first to the second element in the same order.

Warning

Do not use positive values (value above 0) on the tabindex attribute because it can disrupt the natural tab order of the page.

Note

In some complex components, such as tab panels, navigating from one interactive element to another is done with the arrow keys rather than the Tab key.

Comments

Add a comment

Required fields are marked *.

Back to top