Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Why Won't Tabindex Work with Firefox?

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 (even in IE!) except for Firefox. I'm using Firefox 3.6.10.

like image 378
Jack7890 Avatar asked Oct 02 '10 17:10

Jack7890


People also ask

What does Tabindex =- 1 mean?

A negative value (usually tabindex="-1" ) means that the element is not reachable via sequential keyboard navigation, but could be focused with JavaScript or visually by clicking with the mouse. It's mostly useful to create accessible widgets with JavaScript.

How do I enable tabs in Firefox?

Change your system preferences First, open System Preferences and then go to Keyboard Preferences. Once there, update the radio button selection to “all controls”, as shown in the screen shot below, then OSX/macOS, and thus Firefox, will allow keyboard tabbing to all focusable elements.

How do I enable keyboard focus links in Firefox?

Navigate to your System Preferences. Select Keyboard. Click on the Shortcuts tab. Click on the Use keyboard navigation to move focus between controls checkbox which appears at the bottom of the window.

What is the difference between Tabindex 0 and Tabindex =- 1?

tabindex="1" (or any number greater than 1) defines an explicit tab or keyboard navigation order. This must always be avoided. tabindex="0" allows elements besides links and form elements to receive keyboard focus.


1 Answers

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)


For even newer macOS versions:

Apple > System Preferences > Keyboard > Shortcuts > "Use keyboard navigation to move focus between controls" (at the bottom of the pane)

You may have to restart Firefox afterwards

like image 187
Ahmad Ajmi Avatar answered Oct 10 '22 20:10

Ahmad Ajmi