-
Bug
-
Resolution: Fixed
-
Low
-
7.2.0, 9.0.1
-
Severity 3 - Minor
-
Issue Summary
The group label is not associated with its group of radio buttons. The group-level label helps to completely convey the purpose of individual radio controls in the group.
Elements name:
Group label- Repository host
Radio buttons- Previously linked repository, Link new repository, None
Location of the elements: Radio buttons, under the "Link repository to new build plan" heading section, in the main content.
Steps to Reproduce
- Open the home page.
- Navigate to the "Create" link in the header and activate it.
- Select the "Crate Plan" link and activate it.
- Fill in all the necessary information and click on the "Create" button.
- Turn on the screen reader and navigate to the radio and observe no grouping is announced for them.
Actual Results
When the screen reader user navigates through the radio button such as "None", "Previously linked repository" and "Link new repository" the related interactive controls are not announced as a group. As a result, it will create confusion for screen reader users because they will not be able to predict that radio buttons belong to the same group.
Expected Results
Form controls such as radio buttons should be grouped together and associated with their respective instruction in the source code. This will enable screen reader users to interact with such form controls effectively.
Include the instruction text "Repository Host" within the <legend> element. Use the <fieldset>and <legend> elements to group the instruction text.
For more information on the implementation of accessible checkboxes please refer to 1st example in the link- https://www.w3.org/WAI/tutorials/forms/grouping/#radio-buttons
Screenshot
Workaround
Not Available
Bug Ref: 458705