Cannot access dropdown options with tab key

  • Love the plugin except I would like the drop-down options to be accessible by keyboard-only users. When I tried tabbing, the drop-down was never selected. If I opened it with the mouse, I was unable to tab to any of the choices within the dropdown either.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author wpdreams

    (@wpdreams)

    Hi,

    I’m afraid there is no way around it at the moment. Even if I were to suggest a script to append a “tabindex” for the elements, they wouldn’t get focused either way, because the settings box is appended to the end of the body element – so you would have to tab through the whole screen to get to the checkbox items.

    All the best,
    Ernest

    Thread Starter greentreefrog

    (@greentreefrog)

    I think JavaScript can fix this. I’m not a JS expert but I may be able to come up with something along the lines of Example 3 on this W3C page: Creating Logical Tab Order with the Tabindex Attribute.

    We really want a search form that allows people to choose whether to search a custom post type or the whole site, and your plugin is excellent for this, except for that tab issue. Thanks for what you have so far!

    Plugin Author wpdreams

    (@wpdreams)

    Possibly, so far everything we tried with that failed. See some sites already have items with “tabids”, and that creates issues.

    If we were to basically “continue” with the next tabindex, that may not be the results list, same goes with changing the tabindexes or using the same ones.

    I will try to experiment with this again some time later. I may just add like a changeable tabid to the settings, and use that same value for across the plugin and hope it goes in the desired order. These are very hard to test unfortunately.

    All the best,
    Ernest

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Cannot access dropdown options with tab key’ is closed to new replies.