Page Title: Suchmaschinenoptimierung aus Potsdam - Marketing im Internet
May 22, 2018 07:05

Verify aria-flowto supports reading order


Severity Action
no actions


Rule ID Layout 3
Definition Verify that the use of the aria-flowto attribute supports the intended reading order of content on the page.
  • The reading order of content on the page can, in some cases, be made easier to understand by users of assistive technology with the use of aria-flowto.
  • By default the reading order used by assisitive technologies is the same as the DOM ordering of content.
  • When the DOM order of content is interspersed with unrelated content, aria-flowto can be used to keep related content together. For example a multi-column newspaper where an article spans several columns, aria-flowto can be used to make it look like one continuous column to assistive technology.
  • The aria-flowto reorganizes the content by changing the order of how the content is represented in accessibility Application Programming Interfaces (APIs) used by operating systems to communicate to screen readers.
WCAG Success Criteria

1.3.2 Meaningful Sequence (Level A, Primary Success Criterion)

Rule Category Styling/Content
Scope Element
Target Resources Elements with aria-flowto attribute
  • The aria-flowto attribute value contains a sequence of idrefs that changes the reading order of content on the page as rendered by assistive technologies.
  • Since aria-flowto changes reading order to assistive technologies, it is important to read the page with a screen reader to verify the content affected by the aria-flowto places related information in the proper sequence.
Informational Links

Element Results

Element Identifier Result Element Position Message

Column Definitions

Element Identifier
Information about the element associated with the result.
The information typically includes the tag name, accessible name or other information related to the rule requirements.
"Page" means that the result applied to the page. For example, the rule "One main landmark on the page" is a page level rule.
Element Position
The element position is based on the DOM order of elements in the page.
The element position maybe useful in helping to locate a specific element on the page evaluated (e.g smaller numbers are typically toward the beginning of a page and larger numbers typically toward the end of a page).
Element position 1 is the first element.
The highest element position is the last element.
Element position values for most rule/page results will not be consecutive since a rule only applies to a sub set of elements found on a page.