User tests: Successful: Unsuccessful:
Pull Request resolves #48426 .
updated 26/10 to include multi-select lists
Increase the target size for the remove X to 24px
Prevent the target of the link and the X from overlapping
See the Accessibility report for further details https://accessibility-project.joomla.org/results/Milestone-1a/milestone1/deliverable1/wcag-report#eda2a7d8-0bae-4562-a5a6-b106fad8aefd
and not included in the report but reported correctly by @exlemor the same problem occurs on multi-select lists such as tags or list filters
This is an scss change so it requires either a prebuilt package or npm i
apply the pr and them using the browser tools select the button and check its dimensions
do the same for the text
I dont think this will touch any other areas of the ui but check
Please select:
Documentation link for guide.joomla.org:
No documentation changes for guide.joomla.org needed
Pull Request link for manual.joomla.org:
No documentation changes for manual.joomla.org needed
| Status | New | ⇒ | Pending |
| Category | ⇒ | NPM Change |
| Labels |
Added:
NPM Resource Changed
PR-6.2-dev
|
||
I have tested this item ✅ successfully on 39d228d
I was able to successfully test this PR fix. Thanks @brianteeman.
1 question: I came across another 'Remove item in dropdown sections that is even smaller at 18px' and this is not affected/fixed by this fix, assuming it's out of this PR's scope?
IF you go to Content -> Article -> Filter Options -> in the Select Category dropdown, choose say Uncategorised (assuming you have Sample Data installed or equivalent), the x next to Uncategorised is 18px
1 question: I came across another 'Remove item in dropdown sections that is even smaller at 18px' and this is not affected/fixed by this fix, assuming it's out of this PR's scope?
yes out of scope - please open an issue for it - another accessibility error that the STF funded report completely missed!!
Nice work, Brian. Will record the successful test in a moment. Just wanted to bring something up that's unrelated to this successful PR but touches the same control.
Noticing when I pull in the control to a different viewport size, the "...tags" text overlaps the dropdown control, changing the clickable area and of course impacting readability.
Two screenshots. The first showing the overlap, and the second illustrating the clickable area. Just informing, not criticizing:
thats unrelated and not fixable
I have tested this item ✅ successfully on 4b16dcb
Nice work, Brian.
I have tested this item ✅ successfully on 4b16dcb
Nice work, Brian.
I have tested this item ✅ successfully on f327c23
I was able to retest it successfully - thank you @brianteeman for the double, triple fix :)
I have tested this item ✅ successfully on f327c23
I was able to retest it successfully - thank you @brianteeman for the double, triple fix :)
| Status | Pending | ⇒ | Ready to Commit |
RTC
RTC
| Labels |
Added:
RTC
a11y
|
||
| Status | Ready to Commit | ⇒ | Fixed in Code Base |
| Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2026-11-03 09:29:35 |
| Closed_By | ⇒ | drmenzelit |
Thank you
thanks
I have tested this item ✅ successfully on 39d228d
I was able to successfully test this PR fix. Thanks @brianteeman.
1 question: I came across another 'Remove item in dropdown sections that is even smaller at 18px' and this is not affected/fixed by this fix, assuming it's out of this PR's scope?
IF you go to Content -> Article -> Filter Options -> in the Select Category dropdown, choose say Uncategorised (assuming you have Sample Data installed or equivalent), the x next to Uncategorised is 18px
This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/48695.