DON'T USE: DEPRECATED ISSUE - Disabled CSS reading order is not logical

Rule

The reading and navigation order MUST be logical and intuitive.

Background

Sometimes content must be read in a certain order to be understood. When screen reader users navigate page content, they hear the content in the order of the code in the DOM. If CSS is used to arrange content visually in a different order than it is presented in the DOM in such a way that meaning of content is changed, screen readers users may not understand the content correctly. The order of content in the DOM must be logical. The visual order of the content can differ from the source code order, as long as the reading order for screen readers is still logical and meaningful.

How to Fix

Fix this issue by ensuring that the order of the content in the DOM is logical regardless of how it is visually arranged using CSS.