Interactive controls must not be nested
What is the problem?
The "nested-interactive" rule ensures that interactive elements are not nested, such as buttons or links, within each other.
Impacted Groups
Why is this important?
Nesting interactive elements can confuse screen reader users. Screen readers may not announce nested elements correctly, or they may cause unexpected focus behavior, making it difficult for users to navigate and interact with the content.
How to solve this issue
To fix this issue, avoid nesting interactive elements. Instead, use appropriate HTML structure and ARIA attributes to clearly define the relationship between elements. This will ensure that screen reader users can easily understand and interact with the content.
Rule Information
Rule ID
nested-interactive
Severity
Manual Review Required
Rule Group
WCAG 2.0 Level A & AA Rules
Guidelines
- WCAG 2.1 (A)
- WCAG 2.0 (A)
- WCAG 2.2 (A)
- Trusted Tester
- EN 301 549
Customise Guidance
You can customise each accessibility rule in SiteAlly with your own guidance, instructions and even links to your own organisation specific documentation.
Enable your website editors to resolve issues quickly with SiteAlly.
Ready to make your website accessible?
SiteAlly provides automated accessibility monitoring, detailed reports, and step-by-step guidance to help you achieve and maintain compliance.