landmark-banner-is-top-level
Banner landmark must not be contained in another landmark
Description
In the majority of web designs, it is considered suitable to have a single instance of each of these landmarks, whether they are defined using ARIA or HTML5. Additionally, it is recommended that these landmarks are not nested within one or more other landmarks.
Why is it important?
When the banner landmark is not positioned as the top-level landmark and is instead nested within another landmark, it fails to adequately designate the predefined header section of the layout. Consequently, this impedes screen reader users from efficiently navigating the layout and locating the header portion.
How to fix?
To ensure proper usage of the role="banner" ARIA landmark, it is important to verify that no other ARIA landmark contains the elements designated with this role.
Tags
cat.semantics, best-practice
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
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!
