Header
Referred HTML Tags
<header>
Essential A11y Requirements
Context
The <header>
element's semantics imply that it is located at the top of the page and that it contains information in the website level. <header>
elements usually contain information like the brand name and logo, search components and navigation bars.
Since the <header>
element includes information about the entire website, it should be at the document level (e.g., it should not be a child element of another landmark element). There should not be more than one <header>
element on the same document, with the exception of nesting documents, e.g., <iframe>
, where each of the <header>
elements is in the context of a different document.
Accessible name
Since the <header>
elements are unique on the document, they do not require an accessible name.