HEADINGS: Two Accessibility Tips You May Not Know

HTML Heading 1 Tag on Blue Background

TIP #1: <h1> headings should not contain other <h1> headings.


<h1>Sample Heading Text<h1>Subtext</h1></h1>


Remove the nested headings, or replace them with SPAN elements.

<h1>Sample Heading Text<span>Subtext</span></h1>


TIP #2: Use HTML headings instead of applying CSS heading styles to non-headings.


<div style=”font-size:1.5em; color:#cc0000;”>Sample Heading Text</div>


Change the element to an appropriate heading element (H1, H2, H3, etc) and apply CSS styles if necessary.

<h1 style=”color:#cc0000;”>Sample Heading Text</h1>


WEBSITE ACCESSIBILITY TESTING & REMEDIATION SERVICES: Mary Gillen is an experienced Website Accessibility Compliance Auditor and Remediator. She can test your website to determine if it meets accessibility standards:

WCAG 2.1: 312 checkpoints covering A, AA and AAA W3 accessibility guidelines
Section 508: 15 US federal guidelines covered by 59 accessibility checkpoints

Find out more about Mary Gillen’s Accessibility Testing & Remediation Services: Websites, PDFs, Office Docs & Videos