Stephanie Leary

Writer and WordPress consultant

  • Books
    • Content Strategy for WordPress (2015)
    • WordPress for Web Developers (2013)
    • Beginning WordPress 3 (2010)
  • Blog
    • Fascism Watch (2016-17)
    • Content Modeling for WordPress series
    • WordPress Hidden Gems series
  • Work
    • Portfolio
    • Services
    • WordPress Plugins
    • WordPress Themes
    • Presentations and Interviews
    • on GitHub →
  • About
    • Press Kit
  • Contact
    • Mailing List

Keyboard navigation, Firefox, and Macs (including how to tab through drop-down boxes in forms)

September 17, 2008 Stephanie Leary Leave a Comment

ETA: Hate the fact that you can’t tab to drop-down boxes in forms in Firefox? This solves the problem!

I used to be able to test my sites’ keyboard navigation just by tabbing around a page in my browser. And then I couldn’t. And now I can again.

Lemme ‘splain.

Testing keyboard navigation (tab order, focus states, etc.) is an important step in designing accessible websites. When I first got into accessibility, I found that this was really easy to test: I just fired up my browser of choice and hit Tab a lot. I had to get through the browser’s address bar and search box and stuff, but eventually I’d land on something in the page — the first link or form field — and from there I could keep hitting Tab to get to more links and form fields.

Things changed. Tiger came out. I switched to Firefox full time. (I still prefer Camino for simple browsing, actually, but I can’t live without all the web developer extensions.) And one day I noticed that I couldn’t tab within the page anymore. All I could get to were the browser controls.

Fast forward a couple years. I’ve finally found out how to restore my keyboard navigation. It’s more complicated than I expected — and as I expected, it turned out to be a combination of OS X prefs and Firefox settings. The key is in this article on tabbing problems in Firefox (which, to my amusement, includes notes on setting this in Camino as well).

First, you have to switch the setting in OS X’s Keyboard & Mouse preferences, as shown. Then you have to type about:config in Firefox’s address bar, promise it you won’t break anything, and look for accessibility.tabfocus in the long list of settings. It wasn’t there on my machine, so I had to right-click in the list, choose New → String, and enter accessibility.tabfocus for the string, with 7 for the value. (Here are the other values you might enter for accessibility.tabfocus.) Voila: tabs work like they used to.

I have no idea why the less accessible settings are the defaults in both OS X and Firefox, but at least I know how to fix them now.

Techy Goodness, Web Design

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Fascism Watch

The Fascism Watch is a daily(ish) news roundup. View all the previous Fascism Watch posts »

Latest WordPress Book

Content Strategy for WordPress

A short book for content strategists and managers on implementing a complete content strategy in WordPress: evaluation, analysis, content modeling, editing and workflows, and long-term planning and maintenance.

Read the sample chapter

Kindle Nook iBooks Kobo Smashwords

WordPress for Web Developers

WordPress for Web Developers (9781430258667)

This is a book for professional web designers and developers who already know HTML and CSS, and want to learn to build sites with WordPress. The book begins with a detailed tour of the administration screens and settings, then digs into server-side topics like performance and security. The second half of the book is devoted to development: learning to build WordPress themes and plugins.

This is the second, much-revised and updated edition of Beginning WordPress 3, with a more accurate title. Everything’s been updated for WordPress 3.6.

WordPress for Web Developers is out now. See what's inside...

The best WordPress features you’ve never noticed

  • WordPress Hidden Gems: Screen Options
  • WordPress Hidden Gems: Bulk Edit
  • WordPress Hidden Gems: Private Status
  • WordPress Hidden Gems: Dashboard Feed Readers
  • WordPress Hidden Gems: Options.php

Content Modeling for WordPress series

  • Content modeling for WordPress, part 1: analyze content
  • Content modeling for WordPress, part 2: functional and organizational requirements
  • Content modeling for WordPress, part 3: a sample content model

This is an excerpt from Content Strategy for WordPress.My latest books are Content Strategy for WordPress (2015) and WordPress for Web Developers (2013). Sign up to be notified when I have a new book for you.

Copyright © 2021 Stephanie Leary