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