Skip to content

[BUG] google translate tabbing #2686

@kevindherman

Description

@kevindherman

Builds

  • staging
    • has modified code from gtranslate staff to test JS issue

Source

Describe the bug

I noticed a bug with the translate dropdown menu that impacts accessibility. You cannot operate and select a different language from the dropdown using only the keyboard - https://www.w3.org/WAI/WCAG22/Understanding/keyboard.html.

Steps to reproduce the behavior:

  1. Go to the website https://www.santa-ana.org/
  2. Hit tab until you focus on the translate button
  3. Hit enter to expand the dropdown
  4. Use arrow keys to hover over another language
  5. Hit Enter or Space. Neither select a new language
    Link to page with this issue
    https://www.santa-ana.org/
    Upload screenshot of issue

Desktop (please complete the following information):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context

Add any other context about the problem here.

QA

Notes:

Links:

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    Status

    Blocked

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions