Skip To Main Content

Toggle Close Container

Triggers Container

Toggle Schools Canvas

Toggle Site Info Canvas

Mobile Translate

Mobile Main Nav

Mobile Utility

Header Holder

Header Right Column

Header Right Top

Toggle Schools Canvas

Toggle Site Info Canvas

English

Utility Nav - Desktop

Header Right Bottom

Toggle Search Canvas

Toggle Canvas Menu

Canvas Menus

District Canvas Menu

finder

school & Program

Site Info Canvas

spps

Get in Touch with

contact us

Saint Paul Public Schools, District 625
360 Colborne Street
Saint Paul
MN
55102

Telephone

Get In Touch Navigation

Search Canvas

Horizontal Nav

Breadcrumb

Headings & Page Structure

How you organize and structure your web pages and documents makes a huge difference for accessibility — and for everyone who reads your content. Headings are not just visual formatting. They create structure.

Organizing Content on Your Pages

Headings create structure — but accessible content also needs to be easy to read and process.

Avoid large blocks of text. Break information into smaller, digestible sections.

Use:

  • Headings to divide major sections
  • Short paragraphs (2–4 sentences)
  • White space between sections
  • Bulleted lists for related items
  • Numbered lists for steps or sequences

Why This Matters

Large “walls of text” are difficult for:

  • Screen reader users
  • People with cognitive disabilities
  • Readers on mobile devices
  • Anyone scanning for key information

Well-organized content improves comprehension and usability for everyone.

Using Heading Styles

Headings (H1, H2, H3, etc.) act as a map for screen readers and help search engines understand your content.

Important:

  • Headings are not for visual styling.
  • Never use bold, larger font, or underlined text to create sections. Always use built-in heading styles.

Why Headings Matter

For Screen Reader Users

Headings allow users to:

  • Jump between sections quickly
  • Navigate using a list of headings
  • Understand how content is organized
  • Find specific information efficiently

For many users, headings function like a table of contents.

For everyone

Headings:

  • Create a clear visual hierarchy
  • Make content easier to scan
  • Improve comprehension
  • Help readers quickly locate information

Well-structured pages are easier to read — for all users.

How Headings Work

Think of headings as an outline.

H1 – Page Title

  • One per page
  • Describes the overall topic

H2 – Main Sections

  • Major content areas
  • Most commonly used heading level

H3 – Subsections

  • Nested under H2 sections

H4 – Sub-subsections

  • Used sparingly

How to Apply Heading Styles