Why Won't Tabindex Work with Firefox?

Question

I\'m trying to use the tabindex text input attribute to allow users to tab between fields on this page: https://seatgeek.com/login/. This works perfectly in all browsers (e

Answer 1

Something similar here and I found this to solve it on Firefox/Mac

The solution lies not in Firefox, but in the Mac OS X preferences.

Apple Menu > System Preferences > Keyboard and Mouse > Keyboard Shortcuts

and under "Full Keyboard Access" choose "All controls".

---

For newer macOS versions:

Apple > System Preferences > Keyboard > Shortcuts > Accessibility > All Controls (at the bottom of the pane)

Answer 2

Hi this may not be a perfect answer but, it's a workaround

The latest mozilla firefox (81.0.1) You can actually navigate to it using tab, but if any text is there it won't read it. so what you can do is label/span the text and use aria-labbeledby with the id, it will read similar to the examplae below.

<div tabindex="0" aria-labelledby="xyz123">
 <label id="xyz123">
  There were errors processing the question
 </label>
</div> 

Answer 3

Because of the length of this, I decided to post it as an 'answer' rather than 'comment.' It's a bit on the edge of the definitions of both, though.

It works for me, using Firefox 3.6.10 on Ubuntu 10.04. Having said that, it appears that there's no :focus style applied (or, more likely, they've done the usual outline: none; to remove the :focus indication), which makes it annoying.

Is your status bar displayed? If not, there's no way you'd able to know where the focus is. Just in case:

View -> ✓ Status Bar

Failing that, I'm not sure why it wouldn't be working for you.