Skip to main content

nested-interactive

Review all interactive controls to confirm no child element receives focus.

Severity: Serious

Description

Screen readers should not announce interactive controls nested within each other.

Why is it important?

Nested interactive controls, where interactive elements are contained within one another, pose accessibility challenges. Screen readers may not announce the nested elements, resulting in an empty tab stop. This can create difficulties for users with motor impairments who require precise clicking and may trigger unintended actions.

How to fix?

Nested interactive components such as buttons, checkboxes, links, input fields, etc. should be separated from one another and should be styled as single elements.

References

We're sorry to hear that. Please share your feedback so we can do better

Contact our Support team for immediate help while we work on improving our docs.

We're continuously improving our docs. We'd love to know what you liked






Thank you for your valuable feedback

Is this page helping you?

Yes
No

We're sorry to hear that. Please share your feedback so we can do better

Contact our Support team for immediate help while we work on improving our docs.

We're continuously improving our docs. We'd love to know what you liked






Thank you for your valuable feedback!

Talk to an Expert
Download Copy