You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Since a screen reader, for example, presents the page to a user based on source order, a layout that visually shuffles the order can fail a WCAG review under 1.3.2: Meaningful Sequence and potentially 1.3.1: Info and Relationships. Flex, grid, floats, and absolute positioning can all do this (along with some table trickery). Interactive controls can be easily tested by tabbing, and tools like Microsoft’s Accessibility Insights already show tab order, but non-interactive content is harder to test easily, and harder to present to stakeholders in a meaningful way.
This discussion was converted from issue #173 on December 04, 2020 22:39.
Heading
Bold
Italic
Quote
Code
Link
Numbered list
Unordered list
Task list
Attach files
Mention
Reference
Menu
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
Since a screen reader, for example, presents the page to a user based on source order, a layout that visually shuffles the order can fail a WCAG review under 1.3.2: Meaningful Sequence and potentially 1.3.1: Info and Relationships. Flex, grid, floats, and absolute positioning can all do this (along with some table trickery). Interactive controls can be easily tested by tabbing, and tools like Microsoft’s Accessibility Insights already show tab order, but non-interactive content is harder to test easily, and harder to present to stakeholders in a meaningful way.
I filed a feature request with Firefox and another with Accessibility Insights. I also created a bookmarklet that will show you the source order (and another bookmarklet to go along with it that animates the sequence in case you want to visualize it hands-free).
https://webwewant.fyi/wants/64/
Beta Was this translation helpful? Give feedback.
All reactions