Semantic Headings

In web content, headings are structural tags (H1 through H6), not just “big, bold text.” They create the roadmap of your webpage for users to use as they navigate their way through content. In addition, Search engines and mobile devices use headings to understand what your page is about.

Headings provide the same experience for different users:

• For visual users: headings provide clear signs because they are often a larger more prominent font which help with skimming.
• For non-visual users: Screen reader users don’t read a webpage like a book; they “skim” it by jumping from heading to heading. Without them, they are forced to listen to every single word on the page linearly to find what they need.

Golden Rules for Web Headings

• One H1 Per Page: Your Page Title should be your one and only H1. Every other main section should start with an H2. Depending on your platform, the theme may automatically add the H1 for you.
• Never Skip Heading Levels: Always go in order (H1 > H2 > H3). Think of it like an outline. Don’t jump from H2 to H4 just because you like the smaller font size.
• Structure over Style: Never use Bold or All Caps to “fake” a heading. If it isn’t tagged as a Heading in your editor, it’s invisible to all your users and most importantly to assistive technology.

How to Add Headings

• In your Web Editor: Look for the “Paragraph Format” or “Styles” dropdown menu (usually where it says “Normal Text”). Highlight your text and select the appropriate level.
• If you are unsure: Review the help documentation for your particular web editor. Search for “headings” or “styles” and follow the recommendations for adding headings to your content.

How to Check for Headings

• The “No-Mouse” Check: If you can’t “see” the hierarchy of your page just by glancing at the text sizes and weights, your headings aren’t doing their job.
• Use an Automated Tool: There are browser extensions and other tools to help you review the outline of your page. Review Evaluating Third Party Web Content for suggestions on finding one.

Writing Effective Headings

Make your headings informative. Instead of a heading that just says “Introduction,” try “Introduction to 2026 Survey Results.” This gives the user context before they even start reading the paragraph.

For more tips, review the following Video: Mastering Web Accessibility: Underlined Text for tips on how to shift from using styled text to writing effective headings.