-
Bug
-
Resolution: Cannot Reproduce
-
Low
-
None
-
4.20.0
-
Severity 3 - Minor
-
Issue Summary
The visual focus indicator is missing altogether.
Element name: Sample JSM
Location: In the left nav.
Tested URL
Steps to Reproduce
- Step 1
Actual Results
Actual results
Expected Results
Fix Information
RULE :
The name, role, value, states, and properties of user interface components MUST be programmatically determinable by assistive technologies.
HOW TO FIX:
Fix this issue by using ONE of the following techniques:
1.Use link text contained between the opening <a> and closing </a> elements. Link text can be: visible text, CSS clipped text, or alternative text on an <img> element.
<a href="https://dequeuniversity.com/contact/">Contact Us</a>
<a href="https://www.facebook.com/dequesystems/" class="fbicon"><span class="sr-text">Deque's Facebook page</span></a>
<a href="http://www.deque.com"><img src="deque_logo.png" alt="Deque Systems"></a>
2. Use an aria-label attribute or an aria-labelledby attribute to name a link.
<a href="https://www.facebook.com/dequesystems/" class="fbicon" aria-label="Deque's Facebook page"></a>
REFERENCE:
Deque University: https://dequeuniversity.com/class/semantic-structure2/links/link-text
BACKGROUND:
Links must have discernible text that describes the link's destination for screen reader and other assistive technology users.
Screenshot
Screen Recording
screen recording
Workaround
workaround
Bug Ref: 745950
Bulldog Ref: