9 · Tab Order Correct and Logical

Web 2.0 Services

When you cannot use the mouse, it is very important to have a logical order in which the main navigational elements and links appear on a webpage. It is possible to specify this order but it is best to ensure that the code for the webpage results in a correct automatic tabbing order down a page in the same way that a page would linearise without any structural elements such as style sheets, frames or tables. Additional elements such as 'skip navigation links' can make it easier for screen reader users to reach main content.

Outcomes

This test has 4 possible outcomes.

0% Poor tab order as the focus does not logically move down the page.
33% Intermittent random focus order with selection jumping from one area to another.
67% Tab order generally good. Focus moves in a logical order.
100% Logical tab and focus order throughout the page.

Disabilities

The results of this test are taken into account when calculating accessibility scores for the following disabilities.

Techniques

The following techniques may come in handy when running this test.

References

This test aims to provide coverage of the following sections of best practice.

Document Section Heading
WCAG 2.0 1.3 Create content that can be presented in different ways… More Info
WCAG 2.0 2.1 Make all functionality available from a keyboard. More Info
WCAG 2.0 2.4 Provide ways to help users navigate, find content, and… More Info
WCAG 2.0 3.2 Make Web pages appear and operate in predictable ways. More Info