Details
-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
9.7.0
-
9.07
-
Severity 3 - Minor
-
Description
Issue Summary
There is an link available on the page which seems non-descriptive for the screen reader users.
Steps to Reproduce
- Navigate to "User Profile" link in header section and activate it.
- Check that multiple options has appeared on the screen.
- Select the "Profile" link and activate it.
- Observe that "Profile Settings" page has been appeared on the page.
- Navigate the "Activity Stream" section.
- Observe that non-descriptive link available on the page.
Screenshot
Actual Results
The link text "Read more" (If this link is not available on the page activate the "Show more" link.) does not describe the destination it points to.
As a result, screen reader users might not understand the purpose of the link effectively.
Expected Results
Apply the following changes:
- Specify the "id" attribute with a unique value to the link element containing "ITSM-What am i looking at?" text.
- Specify "aria-labelledby" attribute to <a> element containing “Read more” text.
- Reference both the "id" attribute values (of <a> elements) via "aria-labelledby" attribute.
Code Snippet
<a class="content-more" href="/browse/ITSM-1" target="_parent">Read more</a>
Environment
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
Workaround
Currently there is no known workaround for this behavior. A workaround will be added here when available