I want a source order viewer for rearranged content

by Adrian Roselli

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).

Do you want this too? Share it!
Tagged
DevTools Accessibility CSS
Votes
13 What are votes for and how are they tallied?