Skip to content

Structural Element - Header

  • WAVE Category: Structural Element
  • WAVE ACCESSIBILITY PATTERN: Header

Page Content Status

  • WAVE Tool Reference text
  • Example of a DOM Snippet Generated From WAVE Tool
  • Screenshots of Accessibility Pattern in Use
  • Credits/Authors

WAVE Tool Reference

Click to see WAVE Tool Reference

This content added 2026-04-27. Check for updated guidance at: https://wave.webaim.org/api/docs?format=html#header

WAVE Category

Structural Elements

WAVE Error

Header

What It Means

A <header> element or banner landmark is present.

Why It Matters

Headers identify page introduction or navigation. They typically surrounds the site or page name, logo, top navigation, or other header content. Headers facilitate page semantics and navigation.

What To Do

Ensure the header surrounds and defines page header content.

The Algorithm... in English

A <header> element or role="banner" is present.

Standards and Guidelines

Example of a DOM Snippet Generated From WAVE Tool

[HTML snippet showing the code structure that WAVE detected]

Screenshots of Accessibility Pattern in Use

1. Descriptive Title for Screenshot Set 1

Description/text for image

[INSERT IMAGE HERE]

Credits/Authors

  • @MissBrandyLea
  • [INCLUDE Contributor 2]
  • [INCLUDE Contributor N]