-
Type:
Bug
-
Resolution: Duplicate
-
Priority:
Low
-
None
-
Affects Version/s: 8.20.1, 9.1.0
-
Component/s: Accessibility
-
8.2
-
Severity 3 - Minor
Issue Summary
The tooltip link element does not have an href value defined.
Location: Beside the "Key" form field in "Project management" model.
Steps to Reproduce
- Select "Create project" from the projects menu
- A list of options will be displayed
- There select the "Project Management" option from the "Business" section
- Then modal will be displayed, hit the "select" button
- Then "Project management" modal will be displayed, navigate to the tooltip icon beside the Key input field and activate it and inspect the tooltip link element.
Actual Results
The tooltip link in the Project management modal for the Key input field has a missing HREF value. Links made from <a> elements must have an href attribute to be valid hyperlinks. Without an href attribute, screen readers will not know that the text within the <a> element is a hyperlink and it will not be keyboard focusable.
Expected Results
Fix this issue by providing an empty HREF value such as (<a href="" class="example"></a>) (even if JavaScript event handlers are used) for the link. (Note: Ensure that if JavaScript event handlers are used, they allow the link to be activated with the Enter key in addition to a mouse click.)
Ensure the DOM order is correct for the tooltip. The tooltip element code should be available after the key icon.
Provide a role="tooltip" to the <div> element containing the tooltip content.
W3C HTML5 Recommendation: https://www.w3.org/TR/html52/textlevel-semantics.html#the-a-element
Screenshot

Workaround
Currently, there is no known workaround for this behavior. A workaround will be added here when available.
Bug Ref: 731776
- is duplicated by
-
JRASERVER-73425 Scrum Software Development : Tooltip is not accessible for keyboard & screen reader users.
-
- Closed
-