Details
-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
5.2.0
-
Severity 3 - Minor
-
Description
Issue Summary
On the "Add New Group" page, Non-descriptive link text "Learn more" is given for the link which doesn't convey the exact purpose.
Steps to Reproduce
- Open the above mentioned page.
- Navigate to the main content area, Find "Add Group" link and activate it.
- Navigate onto the mention link and inspect the code.
- Observe that the link text doesn't clearly describe the purpose of the link.
Screenshot
Actual Result
The link text "Learn more" is provided for the link present in the main content area (that becomes available on activating "Add group" link). Indeed, it does not describe the destination it points to.
As a result, screen reader users might not understand the purpose of the link effectively.
Expected Result
The link text should be unique and meaningful. In this instance, Screen reader should announce as "Learn more about Add group" for their users.
To achieve this, make the following changes:
- Specify the "id" attributes with a unique value to the <a> and <h2> elements containing "Learn more" and "Add group" text respectively.
- Specify "aria-labelledby" attribute to <a> element containing “Learn more” text.
- Reference both the "id" attribute values (of <a> and heading elements) via "aria-labelledby" attribute.
Code Snippet
<h2 id="addgroup">Add group</h2> (...) <a id="lm1" aria-labelledby="lm1 addgroup" href="https://docs.atlassian.com/crowd/docs-052/Adding+a+Group">Learn more</a>
Workaround
Currently there is no known workaround for this behavior. A workaround will be added here when available
Environment
MacBook Pro (14-inch, 2021)
macOs Ventura 13.5
Chrome - Version 115.0.5790.114 (Official Build) (x86_64)
Firefox- Version 93.0 (32-bit)
Safari- Version 15.3 (17612.4.9.1.5)
JAWS- Version 2023
NVDA- Version 2023.2
Voiceover - Version Latest