Issue Summary

The checkbox input field for the options list for the filter boards has a missing label and missing keyboard support.

Steps to Reproduce

1. In the Jira header, navigate to the Boards link and activate "View all boards".
2. In the All board main content area, keeping the screen reader on, navigate to the "Board type" dropdown menu link.
3. Try to interact with the checkboxes, and activate them using a screen reader and keyboard.

Actual Results

The checkbox input for the options in the Boards type dropdown link does not have a label explicitly associated with it. Additionally, there is a missing label on the checkbox input. The 'for' and 'id' association is missing between the label and the form control. This does not indicate any label associated with it and would not be able to identify its purpose for the assistive technology users.

Labels need to be explicitly associated with their respective form controls for assistive technologies to identify the label accurately and convey the information to the users.

Additionally, there is a missing keyboard for the checkboxes, hence the keyboard user and screen reader users are unable to check and uncheck the checkboxes such as the "scrum" and "kanban" options.

Expected Results

Associate the label explicitly with the form control by providing an identical value that is unique from other IDs to "for" and "id" attributes to ensure that assistive technologies identify the label for the form control correctly.

Add a label to the div element such as "kanban" containing the input field and associate it with the input field using "for" and "id".

Ensure the checkboxes are being checked and unchecked with the keyboard and the screen reader tries to select the respective option in the list.

Screenshot

Screen Recording

Screen Recording 2022-07-16 at 5.59.09 PM.mov

Workaround

Currently, there is no known workaround for this behavior. A workaround will be added here when available.

Bug Ref: 731772