Level-one heading in document required

Warn if there is no h1 element in the document.

This rule is based on Techniques H42 for Success Criterion 1.3.1 in WCAG, Practices for skipping heading level and Web Accessibility Tutorials - Headings.

Rule Details

👎 Examples of incorrect code for this rule

<html>
  <head>
    <title>page</title>
  </head>
  <body>
    <main>
      <p>text</p>
    </main>
  </body>
</html>

👍 Examples of correct code for this rule

<html>
  <head>
    <title>page</title>
  </head>
  <body>
    <main>
      <h1>heading</h1>
      <p>text</p>
    </main>
  </body>
</html>

Setting value

{
  "rules": {
    "required-h1": true
  }
}
{
  "rules": {
    "required-h1": {
      "option": {
        "expected-once": true,
        "in-document-fragment": true
      }
    }
  }
}
  • Type: boolean
  • Optional
  • Default value: true

Options

expected-once

Warn if there is a duplicate h1 tag in the document.

  • Type: boolean
  • Optional
  • Default value: true

in-document-fragment

Set it to true if you want this rule to apply within document fragment rather than the entire document.

  • Type: boolean
  • Optional
  • Default value: false

Default severity

error