Aside should not be contained in another landmark

Ensures the complementary landmark or aside is at top level.

Complementary content is content that supports the primary idea of a page or document. Users of screen readers have the option to bypass supplemental content that shows at the accessibility API’s top level. Embedding an <aside> element within another landmark may prevent the ability for screen reader users to browse through supplemental content.

What this Accessibility Rule Checks

Do not insert <aside> elements or elements containing role="complementary" inside landmark-marked content.

Learn more:

Deque Reference

Deque University - How To Fix

→

MDN Reference

MDN - ARIA: complementary role

→

W3C Reference

W3C - ARIA Landmarks Example

→