Page MenuHomePhabricator

Menu: Improve ARIA semantics for loading results in pending state
Closed, ResolvedPublic1 Estimated Story Points

Description

Background

While working on T343312: ProgressBars must have an accessible name (ARIA label) I came to realize that the way the pending results is currently implemented in Menu is not doing a good enough job for assistive technology users like screenreader users.

The ProgressBar is exposed to the users, while indeterminate and while also already provided a “loading” message of some kind. Former is resolved in the original task.
This is under premise that only pending set to true Menus are using additions and removals of items.

Developer notes

Vue has an upstream bug not allowing for space-separated combinations of aria-relevant values, as the ARIA spec allows for. Filed.

Goal

Make the Menu an ARIA live region when in pending state.

Acceptance criteria

  • Add aria-live="polite" and consider adding aria-relevant="additions removals" to list

Event Timeline

@AnneT One thing I'm unclear about is when exactly the Menu does not feature the loading label.

Catrope set the point value for this task to 1.
Catrope moved this task from Needs Refinement to Up Next on the Design-System-Team board.

Change 951988 had a related patch set uploaded (by VolkerE; author: VolkerE):

[design/codex@main] Menu: Add ARIA live region when menu items are pending

https://gerrit.wikimedia.org/r/951988

Change 951988 merged by jenkins-bot:

[design/codex@main] Menu: Add ARIA live region when menu items are pending

https://gerrit.wikimedia.org/r/951988

Change 953351 had a related patch set uploaded (by Catrope; author: Catrope):

[mediawiki/core@master] Update Codex from v0.17.0 to v0.18.0

https://gerrit.wikimedia.org/r/953351

Change 953351 merged by jenkins-bot:

[mediawiki/core@master] Update Codex from v0.17.0 to v0.18.0

https://gerrit.wikimedia.org/r/953351