Details
-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
9.7.0
-
9.07
-
Severity 3 - Minor
-
Description
Issue Summary
The radio buttons present in "Create Project" modal dialog is coded inappropriately.
Steps to Reproduce
- Navigate to the "Projects" dropdown present in the header section.
- Navigate to the "View all projects" option and select it.
- Observe that "View all projects' page has been appeared on the page.
- Navigate to the "Create Project" link and activate it.
- Observe that modal dialog has appeared on the page.
Screenshot
Actual Results
The <legend> element used for the radio buttons such as "Scrum software development", "Kanban software development", and so on is identical. This made it difficult for keyboard-only and screen reader users to interact with the custom radio button.
Expected Results
Apply the following changes:
- Update the value of <legend> element as "Select a software template", "Select a service template" and "Select a business template".
- Ensure that the legend element should announce appropriately for each pair of radio buttons.
Code Snippet
<fieldset> <legend class="assistive">Select a project template</legend> <input type="radio" class="assistive" name="project-template" id="com.pyxis.greenhopper.jira:gh-scrum-template" checked="checked"> <label for="com.pyxis.greenhopper.jira:gh-scrum-template" class="assistive">Scrum software development, Agile development with a board, sprints and stories. Connects with source and build tools.</label> (...) </fieldset>
Workaround
Currently there is no known workaround for this behavior. A workaround will be added here when available
Environment
MacBook Pro (16-inch, 2019)
macOS Ventura Version 13.3.1
Chrome - Version 112.0.5615.49 (Official Build) (x86_64)
Firefox- Version 112.0.1 (64-bit)
Safari- Version 16.4 (18615.1.26.11.23)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest