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.

Equivalent WAI-ARIA Role

role=”banner”