Keyboard Navigation -Tab to options

  • Resolved euphemism

    (@euphemism)


    3 days, 22 hours ago

    I tried adding shortcode inside a (custom library) menu and you can tab to it, but then nothing on the keyboard will show the options via keyboard unless you use an option with no flags in the drop-down. The nicest, visually, is the float with flags in the drop-down – that does not work at all with the keyboard navigation. https://staging.megabite.com
    Is there a way to make that floating one with flags work with keboard navigation, perhaps in the paid version? Screenshot of the preferred dropdown menu that does not work with keyboard navigation: https://staging.megabite.com/wp-content/uploads/change-language.webp
    This site has to be wcag compliant legally. Thanks!

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter euphemism

    (@euphemism)

    2 days, 22 hours ago

    The current site link will show the pop up installation, since this at least has keyboard navigation options. I did, however, change the navigation to up and down arrows instead of tabs, because when you get to the last tab is completely loses focus and you have to shift tab to get back. Not everyone would know to do that.

    Plugin Author edo888

    (@edo888)

    2 days, 15 hours ago

    Hi,

    I think for your specific case you can try to use [gt-link ...] shortcode to create individual language links inside your menu, so it can be navigated through keyboard like your menu links. Example usage is available in Positioning tips section in GTranslate plugin settings page.

    Alternatively you can use “Popup with search” widget look instead of “Popup” which is designed with keyboard navigation in mind.

    Thanks! 🙂

    Thread Starter euphemism

    (@euphemism)

    2 days, 4 hours ago

    Hi, the Popup with search will suffice.

    Thanks,
    Rochelle

Viewing 3 replies - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

Tags