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.
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.
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.
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.
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.
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
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With