1. Home
  2. Docs
  3. SiteLint
  4. Accessibility Rules
  5. meaningful-content-sequence

meaningful-content-sequence

Print this article

    Description

    This rule only gives a hint: The content should be organized into meaningful sequences when linearized, e.g. when style sheets are disabled or unavailable.

    Purpose

    Screen readers and other assistive technology will interpret the content on your page in the wrong order if it is not organized in a meaningful sequence. If this is presented out of sequence, users may become disorientated and may not understand the content.

    For example, when reading in English, we read the left-hand column before the right-hand column.

    How to fix it

    • Turn off the styles on the page and read through your content to ensure it is laid out in a meaningful way. You may use the following code in the developer console:
      ['style', 'link'].forEach((element) =>
          Array.from(document.getElementsByTagName(element)).forEach((elementToRemove) =>
              elementToRemove.parentElement.removeChild(elementToRemove)
          )
      )
    • Validate your page using W3C Markup Validation Service.

    The following are common mistakes that are considered failures of this Success Criterion by the WCAG Working Group.

    Source: WCAG.

    Was this article helpful to you? Yes No