Visible Keyboard Focus - Easy Checks

What is Keyboard Focus?

Example of navigation field showing visible keyboard focus

Visible keyboard focus indicates which interactive element - link, button, form field - you might have moved to using the tab key.

Why is Keyboard Focus important?

People navigating by keyboard or voice need an indication about which element they’ve moved to.

Many sighted users with physical disabilities will use the keyboard to navigate a web page, including:

People who are blind also navigate the web with the keyboard, but will use non-visual cues to determine where they are.

Checking Keyboard Focus

Checking this page

This is just for practice. Also, you can see what the check will look like on an accessible page.

Click on the button below:

Check keyboard focus on this page

Checking other pages

To check other pages you need to add the check link as a bookmark.

  1. Make sure your browser bookmarks bar is open. Ctrl/CMD+Shift+B will usually toggle the bar
  2. Drag this link to your browser bookmarks bar: Check keyboard focus
  3. Visit the page you want to check
  4. Click on the ‘Check keyboard focus’ link in your bookmarks
  1. Make sure your browser bookmarks/favorites bar is open. Ctrl/CMD+Shift+B will usually toggle the bar
  2. Create a bookmark to this page using Ctrl/CMD+D
  3. Edit your bookmarks - this varies depending on browser and operating system. There is usually a menu option to manage your bookmarks
  4. Edit the newly added bookmark to this page
  5. Paste the script copied into the URL or Link field

What to look for

Learn more

Back to Top