Skip to content

[accesibility] Add accessible names to checkboxes #2177

@Chi-teck

Description

@Chi-teck

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>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions