No Code Attached Yet J4 Media Manager a11y
avatar drmenzelit
drmenzelit
22 Feb 2022

Steps to reproduce the issue

Go to Media Manager and try to use it with keyboard only

Problems detected

  • It is impossible to navigate inside the folders tree (tabindex=-1)
  • Poor / incomplete focus visibility on elements

Firefox
2022-02-22 14_15_36-Greenshot
2022-02-22 14_14_30-Greenshot

Chrome
2022-02-22 14_17_07-Greenshot
2022-02-22 14_16_22-Greenshot

  • No focus visible at all in the grid
  • Elements in the grid are not interactive, it is not possible to open a folder

2022-02-22 15_11_38-Greenshot

  • When / if you reached a folder or image on the grid, you can click with the arrow keys and get the functions visible. They don't dissapear if you tab further

2022-02-22 14_19_17-Greenshot

  • No focus on modals -> PR #36892

Expected result

The Media Manager should be accessible for all kind of users.

Actual result

It is not possible to use the Media Manager with keyboard only.

System information (as much as possible)

Joomla 4.1.1-dev
Windows PC
Firefox and Chrome (also screen reader extension tested)

Additional comments

https://levelaccess.com/creating-an-accessible-aria-tree-control
https://dequeuniversity.com/library/aria/tree-view
https://vuescript.com/best-tree-view/

avatar drmenzelit drmenzelit - open - 22 Feb 2022
avatar joomla-cms-bot joomla-cms-bot - change - 22 Feb 2022
Labels Added: No Code Attached Yet J4 Media Manager a11y
avatar joomla-cms-bot joomla-cms-bot - labeled - 22 Feb 2022
avatar akshitrattan
akshitrattan - comment - 26 Feb 2022

@drmenzelit could you please test the PR #37152

avatar Quy
Quy - comment - 22 Jun 2022

Please test PR #38126.

avatar chmst chmst - change - 23 Jun 2022
Status New Closed
Closed_Date 0000-00-00 00:00:00 2022-06-23 14:53:47
Closed_By chmst
avatar chmst chmst - close - 23 Jun 2022
avatar chmst
chmst - comment - 23 Jun 2022

Closing as we have a PR

Add a Comment

Login with GitHub to post a comment