11

One thing I do like about IE (maybe the only thing) is how one can tab between input boxes, check boxes and action buttons. I think this makes filling out forms so much quicker and easier.

Safari and FF will tab between text input boxes, but ignore checkboxes and action buttons altogether.

Can I force Firefox and Safari to let my users tab between input boxes, check boxes and action buttons? How would I code that in?

Thanks for any help.

user624385
  • 363
  • 1
  • 6
  • 14

2 Answers2

21

I had a similar issue with Safari. Apparently Safari skips checkboxes, buttons and anchors in the tab rotation (regardless of the "tabindex" setting) by default.

In order for Safari to correctly focus these input elements you need to enable an "Accessibility" setting located in the advanced tab of Safari preferences. "Press TAB to highlight each item on a web page." Once this setting is checked the tabbing order works as expected (like chrome) and items can be removed from the tab rotation by setting tabindex property to -1.

Manually forcing the focus to these elements does work without this setting enabled but requires extra code attached to the bracketing elements to capture tab and/or shift-tab to manually focus.

Spent way too much time trying to code around this Safari feature!

Dancsecs
  • 211
  • 2
  • 3
  • 1
    In Safari 10.1.2(latest version). Tick the option "Press Tab to highlight each item on a webpage". This is present in preferences under advanced tab accessibility settings. – Deepak Acharya Apr 17 '18 at 07:30
-3

Manually set a tabindex attribute on the elements, numbering them in the order they should be tabbed. For example: <input type="button" tabindex="5" value="Do something" />

Nate B
  • 6,338
  • 25
  • 23
  • 1
    Doesn't work. See this article: http://stackoverflow.com/questions/1848390/safari-ignoring-tabindex Apparently Safari does not respect tabindex when it refers to checkboxes and buttons. The individual user has to select it... – user624385 Oct 24 '11 at 21:31