Rule: Layout tables must have meaningful sequence

Rule ID Layout 1
Conformance Required
Definition Layout tables must organize content in a meaningful sequence.
Purpose
  • The sequence of the content (i.e. reading order) in a web page affects the conveyed meaning, especially for users of assistive technologies who cannot see the relationships between sections of content as provided by the visual cues in a graphical layout.
  • Using table markup for page layout is one way in which the DOM order of web content can be altered such that it makes sense visually, but the reading order rendered by assistive technologies is no longer meaningful.
Conformance Required
WCAG Success Criteria

Success Criterion 1.3.2 Meaningful Sequence

Other Related Success Criterion:

Rule Category Tables/Layout
Rule Scope Page
Techniques
  • Use CSS and web standards techniques for the coding of content, and the graphical styling and positioning of content.
  • Avoid using table markup for graphical layout, if you do use tables for layout make sure the content still is meaningful when the table markup is disabled.
  • Avoid using nested tables for layout, the deeper the level of nesting the more chance there of having a confusing sequence of content.
  • Tables that are used for layout should use only tr and td elements, and the table, tr and td elements should have a role="none" attribute to clearly indicate the table markup is being used for layout.
Information Links