Show tab order | Can I DevTools?

Can I DevTools?

It is like @CanIUse but for the browser devtools, created & curated by @pankajparashar. Get weekly tips & tricks for your favorite browser devtools by subscribing to the newsletter!

Ads via Carbon

Accessibility

Show tab order

Can I see the tab order of the web page?

Last Modified

4 months ago

Authors

@pankajparashar

Test Live

via BrowserStack

Newsletter

Notes

Open DevTools panel (Cmd/Ctrl+Shift+P) > Info > Outline. Select "Focus Order" from the dropdown menu at the top.
Click "Show Overlay" to visualize the tab order in each pane. tab order that goes against the reading direction is marked in red.

References (0)