Section Headings breaks up that wall, ensuring every section has a clear, descriptive heading so users can navigate and understand the content without getting lost in the text.
Who this impacts
- Screen reader users: Section headings help users who rely on screen readers to scan and jump to the sections they need quickly.
- People with cognitive disabilities: Clear, descriptive headings break up information into manageable chunks, making content easier to process and understand.
- Everyone: Headings improve readability and make content easier to follow, benefiting all users by enhancing structure and flow.
How to meet Section Headings
- Use descriptive section headings: Break up content with meaningful, descriptive headings that make it easy for users to understand each section at a glance.
- Follow a logical heading structure: Use proper HTML heading levels (e.g., <h1>, <h2>, <h3>) to create a clear hierarchy, helping users understand the structure of the content.
- Review for consistency: Check that all headings are clear, relevant, and logically placed to help users navigate the page efficiently.
Practical example
Top tips
- Keep headings concise and relevant: Use clear and direct language to describe each section without overwhelming users.
- Follow a logical structure: Use proper heading levels to maintain a clear and consistent flow throughout the content.
- Make headings visually distinct: Style headings so they stand out for visual users.
- Test with assistive technologies: Use screen readers to verify that headings are helpful