Usage
Headings are more than larger text. They allow people using screenreaders to understand the information structure of the page.
Given that I am on a screen with a heading
When I use | I see/hear |
---|---|
Arrow keys | Browses to headings |
When I use | I hear |
---|---|
Swipe | The screenreader reads the heading (and if used, its level) |
Reads | I hear |
---|---|
Name | Its purpose is clear and matches visible content |
Role | It identifies itself as a heading |
Group | (if heading levels are used) it is logically structured |
When I use | I see |
---|---|
Text resize | Text content can resize up to 200% without losing information |
Headings are more than larger text. They allow people using screenreaders to understand the information structure of the page.