Checkbox - Not ARIA Compliant

Created on 2 February 2024, 10 months ago

Problem/Motivation

Attempting to audit the form elements rendered in each facet filter. And reviewing the checkbox classes it is missing almost all of the ARIA attributes and event behaviors for compliance for disable, blind and visually impaired users.

Steps to reproduce

Attempt to interact with check box elements with a keyboard and screen reader.

Proposed resolution

Update rendering and selection and click behavior to properly set states and tab indexes.

Standards
https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/ch...
https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attribut...

Remaining tasks

Requires JavaScript behaviors on field render and change or click to input field and associated label both prior to auto-submission and form render.

User interface changes

Add aria-checked attribute on input field item.
Upon mouse click or keyboard "space" selection. Update aria state.

✨ Feature request
Status

Needs review

Version

3.0

Component

Code

Created by

πŸ‡ΊπŸ‡ΈUnited States emptyvoid

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024