Empty Headings on Websites

Empty headings can disrupt the user experience for people using screen readers and other assistive technologies. They can be created unintentionally when copying and pasting content, or sometimes when editing text directly on a webpage. These headings, which have no text, can cause navigation issues and should be removed.

Empty headings should never be used just to add space between text sections.

How to Fix Empty Headings

  1. Navigate to the specific page on your website where the error is located.
  2. Locate the section of text that contains the empty heading.
  3. Highlight and delete the empty space where the heading should be.

About Google Sites Headings

Google Sites headings are labeled differently than in Drupal. Despite the different names, they should always follow the best practices for heading level and content hierarchy. They should never be used based on how they look or or aesthetics only.

Title

Title is the equivalent of an H1 tag in HTML. There should only be one Title per page, and it should be reserved for the page title.

Heading

Heading is the equivalent of an H2 tag in HTML. There can be as many Headings as needed per the page's content.

Sub-heading

A sub-heading is the equivalent of an H3 tag in HTML. There can be as many subheadings as needed by the page's content, but they should be used in context of a sub-category of a Heading.