User stories
The following user stories can be used to understand when this component should be used, and how to know when it's been implemented correctly.
- As someone using the component, I want to be able to understand the content within a section from the heading alone, so that I don't have to read through the entire section in order to find what I'm looking for.
- As a screen reader user, I want to be able to know the content that I may find on the page from scanning through the list of headings present.
- As a screen reader user, I want to be able to know the structure of the content based on the hierarchy of the heading levels present.
Test steps
Use these steps to check that the heading component has been implemented correctly:
- Turn on a screen reader.
- Navigate through the page and check that content which appears visually as a heading is announced as such.
- Verify that the hierarchy of the page makes sense, with headings nested appropriately.
- Verify that the headings are sufficiently descriptive, providing context to the content following them.
|
Accessibility checklist |
|
|---|---|
|
User stories |
✅ |