core
core copied to clipboard
[accesibility] Add accessible names to checkboxes
Details
Currently checkbox in admin listings are rendered with empty labels. https://github.com/bolt/core/blob/4.1/assets/js/app/listing/Components/Filter.vue#L8
That leads to bad accessibiltiy.
| Question | Answer |
|---|---|
| Relevant Bolt Version | 4.1 |
| Install type | Composer install |
| BC Break | no |
| PHP version | 7.4 |
| Web server | Nginx |
| For UX/UI issues | Google Chrome |
Proposed solution
Add accessible names and apply "visually-hidden" class to these labels. Something like this
<label class="visually-hidden">Select all</label>
Hi @Chi-teck , nice catch and tracking the source of the issue.
Can I assign this issue to you? :-)
@I-Valchev I am not quite familiar with Bolt internals to fix this properly.
This is fixed in: https://github.com/bolt/core/pull/2545. Not sure why that doesn't pop up here.