No Code Attached Yet a11y bug
avatar chmst
chmst
20 Jul 2023

Steps to reproduce the issue

Thanks @brianteeman for this finding.

Disabled buttons with listcheck=true such as the Actions button in our backend list views are not WCAG 2.1.
In this case we set the button to disabled until an item is selected.
The a11y issue with this is that it makes the button invisible to AT so the user will not even know it exists - it has no focus at all.

The alternative is to use aria-disabled instead.
That keeps the button as focussable and announces that the button is disabled (and optionaly what you have to do to make it enabled).

Expected result

Also the disabled button is focussable and accessible

Actual result

Not accessible

System information (as much as possible)

Additional comments

avatar chmst chmst - open - 20 Jul 2023
avatar joomla-cms-bot joomla-cms-bot - change - 20 Jul 2023
Labels Added: No Code Attached Yet
avatar joomla-cms-bot joomla-cms-bot - labeled - 20 Jul 2023
avatar chmst chmst - change - 20 Jul 2023
Labels Added: a11y
avatar chmst chmst - labeled - 20 Jul 2023
avatar brianteeman
brianteeman - comment - 20 Jul 2023

I have most of the PR ready for this. It is fully b/c

Note that in addition to what @chmst said above we have to programmatically remove the functionality from the button as aria-disabled doesnt actually do that.

avatar Hackwar Hackwar - change - 28 Mar 2024
Labels Added: bug
avatar Hackwar Hackwar - labeled - 28 Mar 2024

Add a Comment

Login with GitHub to post a comment