aria-flowto

Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion, allows assistive technology to override the general default of reading in document source order. aria-flowto (property)

Links about aria-flowto

1. Flexbox & the keyboard navigation disconnect – Tink

   posted on February 4, 2016 by Léonie Watson

   The only viable way (in my opinion) for the flexbox disconnect to be resolved, is in the browser (as with the Firefox “bug”) and the accessibility tree.

   Tags:

   • accessibility
   

Code sample

<div style="display: flex;">
    <a href="/" style="order: 3;" id="i1">One</a>
    <br>
    <a href="/" style="order: 2;" id="i2" aria-flowto="i1">Two</a>
    <br>
    <a href="/" style="order: 1;" id="i3" aria-flowto="i2">Three</a>
</div>