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
Flexbox & the keyboard navigation disconnect – Tink
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:
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>
Explore other pages
- aspect-ratio
Sets a preferred aspect ratio for the box.
- nav
Represents a section of a page that links to other pages.
- display: contents
An element doesn't generate any boxes, but its children still do.
- display: grid
A grid container establishes a new grid formatting context for its contents.