Focus everything

A technique for testing 1.3.2 Meaningful Sequence a tab path visualizer. Via Ian Lloyd.

Focus everything

The idea is that activating this bookmark will cause every element on the page to be focusable. Then, using a focus path or focus order visualizer (included in WebAIM WAVE, ARC Toolkit, or Accessibility Insights for Web), you can test for issues related 1.3.2 Meaningful Sequence (A).

The following elements are using flexbox to change the visual order, which then deviates from the source order.

This is the first paragraph in the source order.

This is the second paragraph in the source order.

This is the third paragraph in the source order.

Return to bookmarklet list