- Success Criterion 2.4.6
- Conformance level AA
Generic Section Heading Like ‘Introduction’ That Says Nothing
2.4.6 — Headings and Labels
Scenario
Setting
A pharmacy app's prescription-refill form
What’s wrong
Generic headings: "Introduction / Section 1 / More info" that don't describe topic.
Example
<h2>Introduction</h2>
<p>Confirm your prescription details below.</p>
<h2>Section 1</h2>
<p>Select delivery method: pickup or mail.</p>
<h2>More info</h2>
<p>Insurance copay and refill date.</p> Why it matters
A user jumping by headings hears Introduction, Section 1, More info and can't tell which section covers delivery versus insurance.
How to test
Read headings like 'Introduction', 'Section 1', 'More info' out of context: if they don't describe the actual topic, they fail.
How to fix
A heading should let someone navigating by headings alone predict the section's content.
<h2>Confirm Prescription Details</h2>
<p>Confirm your prescription details below.</p>
<h2>Choose Delivery Method</h2>
<p>Select delivery method: pickup or mail.</p>
<h2>Insurance and Copay</h2>
<p>Insurance copay and refill date.</p> Outcome
A patient jumps by heading straight to Insurance and Copay without reading every section first.
Who is affected
Screen reader users navigating by heading list get no clue which section handles which refill step.
Learn more
- Understanding Understanding document (opens in a new tab)
Related scenarios
- Heading or Label That Fails to Describe Its Own Purpose
- Identical Headings Repeated Over Completely Different Content
- Form Label Like ‘Field 1’ That Doesn’t Describe Its Purpose
- Same Label Used for Two Different Fields on One Form
- Clever Marketing Heading That Hides What a Section Actually Does
- Button Labeled ‘OK’ on a Destructive, Irreversible Action