|Elements positioned using CSS
fixed must maintain a meaningful reading order of content.
- If the reading order of text content on the page is presented to users of assistive technologies in an order that does not match the intension of the author, reading comprehension will be affected. In worst-case scenarios, the meaning of the out-of-order content may contradict or bear little resemblance to the intended meaning.
- Assistive technologies render web page content based upon the sequence of the DOM elements within the HTML document.
- Web page designs that rely upon
- The relationship of the DOM order of content to the intended reading order is therefore very important for ensuring that information is logically presented to users of assistive technologies.
|WCAG Success Criteria
1.3.2 Meaningful Sequence (Level A, Primary Success Criterion)
- Minimize the use of CSS
position values of
- Make sure related content moves as a block when repositioning content on a page.
- Disable layout tables (e.g. table[role="presentation"]) and CSS to make sure the content rendered has a meaningful sequence.