Spark Design System
Accessibility
Clear headings
If headings are provided, they need to be clear and descriptive.
Why it matters
People who have disabilities that make reading slow or with limited short-term memory benefit when section titles help predict what each section contains. Form input controls with labels that clearly describe the content that is expected to be entered helps users know how to successfully complete the form. When headings and labels are also correctly marked up and identified in accordance with 1.3.1: Info and Relationships, this helps screen reader users by ensuring that labels and headings are meaningful when jumping from heading to heading within a page.
WCAG 2.0 reference: 2.4.6 Headings or Labels
Example
Descriptive headings
<h1>Disaster preparation</h1>
<h2>Flood preparation</h2>
<h2>Fire preparation</h2>How to check for this
- Determine if the page contains headings. Automated
- Read out loud each heading to check that it is descriptive and meaningful. Manual