Accessibility Issue: focusable descendants
-
A recent accessibility scan revealed the following issue on the page we utilize this plugin for:
- Issue: Element does not have focusable descendants:
- Related Nodes: [[#spring-2024-tab]]
- Selector: .nav-item[role=”tab”]:nth-child(1)
- Source code: <li class=”nav-item” role=”tab”><a href=”#tab-spring-2024″ id=”spring-2024-tab” class=”nav-link active” aria-controls=”tab-spring-2024″ rel=”nofollow”>Spring 2024</a></li>
- Additional information/description: Ensures interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies.
Any suggestions on a fix? Thanks!
The page I need help with: [log in to see the link]
- Issue: Element does not have focusable descendants:
Viewing 3 replies - 1 through 3 (of 3 total)
Viewing 3 replies - 1 through 3 (of 3 total)
- You must be logged in to reply to this topic.