Accessibility problems- Improper use of link, Keyboard nav

  • Resolved alyxp

    (@alyxp)


    1 month, 2 weeks ago

    Is there a fix for these accessibilty problems? The language toggle violates accessibilty requirements:

    1. Improper use of link
    2. Language toggle cannot be used with keyboard navigation

    Improper use of link:

    <a href="#" class="trp-floater-ls-disabled-language trp-ls-disabled-language" onclick="event.preventDefault()">English</a>

    The Accessibility Checker plugin explanation:

    About Improper Use of Link error

    An Improper Use of Link error appears if you have links that are missing an href attribute or are only linked to a #, and do not have role="button" on them. Links should be used to direct people to other parts of your site. Any other functionality that triggers an action should be a button. To resolve this error you need to recode the link to use a <button> tag (preferable) or add role="button" to the existing <a> tag. If the element is a toggle button (such as an accordion), additional ARIA attributes are required.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Alex

    (@alexcozmoslabs)

    Hi,

    TranslatePress doesn’t comply with accessibility rules, except for the Keyboard Shortcuts in Translation Editor. It simply wasn’t designed in that direction.


    Best Regards,

    Thread Starter alyxp

    (@alyxp)

    I found a workaround- it’s the floating toggle bar that’s the problem. I diabled it and instead placed the language options in a menu in the header, and they’re now accessible with the keyboard.

    Plugin Support Alex

    (@alexcozmoslabs)

    Glad to know the menu language switcher fit your needs in this case.

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.