Table of Contents
| Table of Contents | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Overview
Not all users navigate the page with the mouse or a trackpad; some users only rely on keyboard to navigate. Many users with motor disabilities rely on a keyboard. Assistive technology users will also typically use a keyboard for navigation. In addition to traditional keyboards, some users may use a modified keyboard or other hardware that mimics the functionality of a keyboard.
...
Normal flow in the keyboard tab order will be broken when tabbing through the interactive elements.
If content is dynamically added in between of elements with positive tabindex, it will interfere with the normal flow of tabbing.
General Guidelines
The best practices for keyboard tab order should include the following:
Tab order should have a logical reading order, similar to a book. It should be from left to right and top to bottom.
As you are tabbing through a website, there must be a visible indication of where the tab focus is at.
When using the tabindex to adjust the tab order, use tabindex= "0" or tabindex= "-1" ONLY
Tabindex values of 1 or higher must NOT be used.
Example
The image below shows the correct reading order on a page that has multiple navigation links on the side panels.
...