Page Should Contain a Level-One Heading

Summary

Instructions how to fix the accessibility final check moderate problem: Page should contain a level-one heading

Body

Issue/Question

When I run a Page Check I get the following Moderate Problem: 

Page should contain a level-one heading

Environment

  • Web CMS

Cause

Final Checks evaluate all code on a page and detect accessibility issues not meeting WCAG 2.0 (Level AA) standards

It detected the page does not have a Heading 1 (H1) element. Screen reader users can use keyboard shortcuts to navigate directly to the first H1 heading, which allows them to jump directly to the main page content. If there is no H1, or if the H1 appears somewhere other than at the start of the main content, screen reader users must listen to more of the web page to understand its structure, wasting valuable time.

The Heading 1 in Web CMS templates is controlled using the Page Properties as Page Header.

Resolution

Ensure the page has a Page Header property by following these steps:

  1. Click  Yellow Light Bulb to check out page.
  2. Click Properties tab.
  3. Scroll to Custom Settings, then Page Content section.
  4. In Page Header field, enter a heading for entire page to be the H1 page title.
  5. Save page.
  6. Click Publish button to run accessibility final check again. When the issue is resolved it will no longer display in the accessibility check.

Pages should only have one heading 1. If your page contains any H1 blocks, please update them to use the correct heading order (h1 - h6 in editable content areas). See Heading Best Practices for more information about heading nesting and how to locate headings.

Details

Details

Article ID: 4086
Created
Fri 10/13/23 12:24 PM
Modified
Tue 11/12/24 9:34 AM