DOM order (logical-order)

The DOM order matches the visual order.


Incorrect aria-flowto:

In this example the aria-flowto attribute is used in a way that programmatically creates an illogical/unnatural reading order:


First Section
Second Section
Third Section

The (DOM/programmatic) structure of the above example looks like this:

<div id="first" aria-flowto="third"> First Section </div>
<div id="second"> Second Section </div>
<div id="third"> Third Section </div>

Note: Impossible to automatically test or detect. Requires a human tester or AI to determine from surrounding context, or otherwise, if the aria-flowto is used to logically guide the reading order, and if the use of aria-flowto guides the reading order logically.

axe detected: none  |  QualWeb detected: none