🖋️
Web Accessibility Resources
  • Web Accessibility
  • Cheat Sheets
    • Structure and Semantics
      • Page Title
      • Language
      • Headings
      • Landmarks
      • Lists
      • Tables
      • Iframes
      • Markup Validity
      • Other Semantic Elements
    • Links & Navigation
      • Links
      • Site Navigation
      • Within-Page Navigation
      • Reading Order/Focus Order
    • Images & Visual Design
      • Images
      • Color & Contrast
      • Text Styles, Resize, Reflow, and Zoom
      • Visual Cues
      • Adaptive and Responsive Output
    • Multimedia, Animations, and Motion
      • Audio and Video
      • Animation, Motion, and Timed Content
    • User Input, Forms, and Dynamic Content
      • Device-Independent User Input
      • Form Input, Labels, and Instructions
      • Form Validation and Feedback
      • Dynamic Content (JavaScript, AJAX)
      • Custom Widgets (JavaScript, ARIA)
      • CAPTCHA
    • Keyboard Commands
  • Semantic Group Labels
Powered by GitBook
On this page

Was this helpful?

  1. Cheat Sheets
  2. Structure and Semantics

Headings

PreviousLanguageNextLandmarks

Last updated 5 years ago

Was this helpful?

Topic

Technique

WCAG AA Requirement

Headings to Bypass Blocks of Content

Bypass blocks: Screen readers allow users to navigate by headings, so headings are an effective way to bypass blocks of content, as required by WCAG 2.4.1. Note: Headings are not absolutely required by WCAG to pass 2.4.1, but are highly recommended, along with landmarks and skip links.

Required

Meaningful Text

Accurate, informative section labels: Headings MUST be accurate and informative, as labels for the sections of text they describe.

Required

Brevity: Heading text SHOULD be concise and relatively brief.

best practice

Heading Markup

Use real headings: Text that acts as a heading visually or structurally SHOULD be designated as a true heading (<h1>, <h2>, etc.) in the markup.

best practice

Heading Markup for Headings Only: Text that does not act as a heading visually or structurally SHOULD NOT be marked as a heading.

best practice

Outline/Hierarchy of Content

Content outline: Headings SHOULD convey a clear and accurate structural outline of the sections of content of a web page.

best practice

Consecutive levels: Headings SHOULD NOT skip hierarchical levels.

best practice

First heading in the main content: The beginning of the main content SHOULD start with <h1>.

best practice

One <h1>: Most web pages SHOULD have only one <h1>.

best practice

WCAG 2.4.1
WCAG 1.3.1
WCAG 2.4.6