Accessibility Checklist: Headings
Bobby Bailey
How to Structure Headings for Better Accessibility
Proper heading structure improves navigation for screen readers and keyboard users. Headings should be meaningful, follow a logical order, and help people understand content at a glance. Use this checklist to ensure headings are implemented correctly.
10-Point Headings Accessibility Checklist
Number one: Use headings to define page structure
Headings should outline the page’s main topics. Do not use bold text as a replacement for proper headings.
Number two: Follow a logical heading order
Use <h1> for the main title, followed by <h2>, <h3>, etc. Never skip heading levels (e.g., jumping from <h2> to <h4>).
Number three: Each page has a single <h1>
The <h1> should describe the page’s main topic. Do not use multiple <h1> elements unless it is a multi-section document.
Number four: Headings provide clear meaning
Ensure each heading describes the section content. Avoid vague headings like "Click Here" or "More Info."
Number five: Do not use headings for styling
Headings should not be used just for bold or large text. Use CSS for visual styling instead of choosing a heading level based on appearance.
Number six: Avoid empty heading tags
Every heading must contain meaningful text. Do not leave <h2></h2> or similar tags empty.
Number seven: Headings improve screen reader navigation
Test heading structure with a screen reader to ensure proper hierarchy. People using assistive technology should be able to navigate by headings alone.
Number eight: Headings are used consistently across the site
Maintain a predictable structure across all pages. Keep heading usage consistent in similar sections.
Number nine: Use headings to break up long content
Long paragraphs should be divided into smaller, scannable sections with headings. This improves readability for all people, including those with cognitive disabilities.
Number ten: Test headings with a document outline tool
Use browser extensions or developer tools to check the heading structure. Ensure headings create a clear and logical content outline.