Benjamin Lu

everyday is cool

A Menu You Can Use Without a Mouse

Retrospective web development exercise for the 2008 archive.

Open a small site and put the mouse aside. Press Tab from the address bar and see where focus goes. If you can open the first menu item but can’t reach the second, check whether it’s a real link or an element that responds only to mouse events.

Try the same route in reverse with Shift+Tab. If you lose track of focus, look for CSS that removes the browser’s focus outline. Restore it or add a visible focus style. Repeat the test on a page with a long navigation list and check that you can reach the article.