Reading order of static content changes meaning
Link to Reading order of static content changes meaning copied to clipboard
reading-order-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 the order of the code and the visual order of content differ 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.