Logical Reading Order

Is page content provided in a logical reading order?

For people who use assistive technology such as screen readers, and people who don't use a mouse and who tab through a page's active elements like links and buttons, it is important that the reading order of the page is logical. This means that headings are followed by the correct content, form controls are read in the correct order, and related information is grouped together. While logical order may seem obvious by looking at the page, the order in which content is presented in the code may be different.

When reading order is not logical, screen readers will read out content in an unintended order, and content may sound confusing as a result. People who use the keyboard may find it difficult to track keyboard focus, if the order it moves through links, buttons and other active elements does not match the visual presentation.