Page MenuHomePhabricator

ULS language selector can't be navigated using the keyboard
Open, Needs TriagePublicBUG REPORT

Assigned To
None
Authored By
Nikki
Jun 4 2022, 12:10 PM
Referenced Files
F36535913: uls-nav-2.png
Jan 28 2023, 5:33 PM
F36535914: uls-nav-1.png
Jan 28 2023, 5:33 PM
F36535917: uls-nav-0.png
Jan 28 2023, 5:33 PM
Subscribers

Description

List of steps to reproduce (step by step, including full links if applicable):

  • Open the language selector at the top of the page.
  • Try to navigate through the list of languages shown using the keyboard.

What happens?:
The list of languages is unreachable from the keyboard. It's not possible to browse through the list of all languages and the only way to select a language is by typing enough of the name that it recognises which one you want.

What should have happened instead?:
It should be possible to navigate through the list using the arrow keys, page up/down, etc. and then select one by pressing enter.

Software version (if not a Wikimedia wiki), browser information, screenshots, other information, etc.:

Event Timeline

It seems up/down now work but they behave unintuitively (see below).

Page up/down doesn't work and still applies to the page, which makes it hard to scroll through the list with the keyboard.

Left/right also don't work, even though it seems like they should because it's displayed as a grid, not a list.

Using up/down causes the list to jump about and switch columns, e.g. the following three screenshots show three sequential entries when pressing down:

uls-nav-0.png (539×1 px, 39 KB)

uls-nav-1.png (539×1 px, 40 KB)

uls-nav-2.png (541×1 px, 26 KB)

The first two behave as expected, the dialog scrolls down one row, the selection moves down one row. The third one, however, is confusing. It has suddenly jumped to another position in another column, you can't see the entry you were previously on and it's not immediately clear what is happening.