Page MenuHomePhabricator

CX dashboard list items lack keyboard accessibility
Open, MediumPublic

Description

There has been some effort recently to improve keyboard accessibility on some Content Translation dashboard elements with T186195.

While working on accessibility improvements, other problems with keyboard accessibility on CX dashboard were surfaced:

  • No list item on Suggestions/In progress/Published lists is keyboard accessible
  • Action items on Suggestion list aren't accessible (star/unstar and discard)
  • "This month" button on statistics card opens Published list when clicked. It lack keyboard accessibility

Here is illustration which elements get focus while tabbing:

cx-dashboard-lacks-keyboard-accessibility.gif (742×1 px, 209 KB)

There have been some talks about list items on CX dashboard not using any OOUI widget, which would bring this and other functionalities "for free". From T178330: "In the near future we should make the page list inherit from Select/OptionWidgets, so the design stays in sync with upstream changes, and respects skin settings (e.g. in Apex the highlight is blue)."

Event Timeline

These interactable controls should also include an accessible name, such as an aria-label attribute if we want the text to be normally invisible.

Change 892048 had a related patch set uploaded (by Awight; author: Awight):

[mediawiki/extensions/ContentTranslation@master] Add labels to suggestion list buttons

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

Change #892048 merged by jenkins-bot:

[mediawiki/extensions/ContentTranslation@master] Add labels to suggestion list buttons

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