DevTools Tips

Categories: Supported by:

Visualize the tabbing order on the page

Firefox has a dedicated accessibility inspector panel that, among other things, lets you visualize the tabbing order on a page.

Users who do not or can't use a mouse or trackpad can use the tab key to navigate through focusable elements on the page. If the order in which those elements get focused is incorrect, this might give users a confusing experience.

This tool adds a layer on the page that shows the order in which elements would become focused.

Screenshot of the tabbing order highlighter in Firefox, showing numbered boxes around focusable elements

Learn more about it here.