Outline * Bookmarklet

Drag this to your bookmarks bar :

Outline All The Things!

On click, every focusable element will recieve a nice red border, so you can see where the keyboard cursor is!

This will come in handy when a site features

*:focus {
  outline: none;

which makes navigating with only a keyboard impossible.

Find the bookmarklet source at CodePen.io.

Back to blog