Details
-
Bug
-
Resolution: Duplicate
-
Medium
-
None
-
8.22.0
-
8.22
-
Severity 2 - Major
-
Description
Issue Summary
In "Scrum software development" modal dialog, the tooltip content which appears when user click on element (what’s a project key) is inaccessible for keyboard & screen reader users.
Note: This issue exists for all different types of project templates.
Bug Ref: 734059
Steps to Reproduce
- Navigate to Jira dashboard page.
- Navigate to "Projects" menu in header section & activate "Create project" link.
- Select "Scrum software development" option & press "Next" button
- Press "Select" button on the workflow screen.
- Navigate to element (what’s a project key) element.
Actual Results
While navigating with Keyboard & screen reader, the tooltip content which appears when user click on element (what’s a project key) is inaccessible for keyboard & screen reader users.
Currently the tooltip content is available only when user click on the link with mouse.
This makes keyboard & screen reader users difficult to understand the tooltip content effectively.
Expected Results
The tooltip content which appears when user click on element (what’s a project key) should be accessible for keyboard & screen reader users.
Apply the following fixes.
- Mark the element inside native <button> element so that it receives keyboard focus.
- Provide aria-label="What's a project key" to the button element.
- When user navigate to the with keyboard tab key, the tooltip should be displayed & screen reader should announce it.
- The tooltip should get closed with 'Esc' key.
- Provide role="tooltip" to the tooltip element.
- Associate the tooltip content with the button element via aria-describedby attribute which will help screen reader to announce.
- The tooltip content should be hoverable, persistent & dismissible via keyboard.
- The code of tooltip content should be present right after the triggering button element instead of at the end of page.
For more information refer to following 'Tooltip' component page.
https://hello.atlassian.net/wiki/spaces/A11Y/pages/1334491247/Tooltips#Developers
Screenshot
Workaround
Currently there is no known workaround for this behavior. A workaround will be added here when available
Attachments
Issue Links
- duplicates
-
JRASERVER-74006 Scrum Softwre Development Wizard Modal 2 : Reading order of static content changes meaning for the tooltip content
- Closed
-
JRASERVER-73410 Scrum Softwre Development Wizard Modal 2 : Link does not have an href value.
- Closed
-
JRASERVER-74040 Scrum Softwre Development Wizard Modal 2 : Tooltip Link does not have an href value.
- Closed
-
JRASERVER-74054 Scrum Softwre Development Wizard Modal 2 : Tooltip :Tooltip is missing appropriate role and/or attributes.
- Closed