Bug #103973
closedMissing sectioning for CE header
0%
Description
During an Accessibility Check of one of our websites, the certificated tester told us that the <header>-tag of the Content Elements is an issue for Accessibility. As the <header>
-element of CE are only embedded in generic <div>
it is associated automatically to the <body>
of the site, and therefore it is treated like a banner
landmark.
The <header> element has an identical meaning to the site-wide banner landmark role, unless nested within sectioning content. Then, the <header> element is not a landmark.
[[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/header?retiredLocale=de#usage_notes]]
For accessibilty reasons and to have a clear structure, there should only be one <header> ( and <footer>) Element in the body. Additional structure Elements should be embedded into a sectioning-content-element ( <article>
, <aside>
, <main>
, <nav>
, or <section>
element).