Headings - Information For This Demo
Quick tip: According to the latest WebAIM screen reader user survey, headings are the most commonly used method for finding information on a web page.
How to test this issue
- Test technique: WAVE.
- WAVE will the show the existence of heading tags and the heading levels. Use your judgment to confirm that:
- The heading levels are correct.
- No headings are missing.
- No text is marked as a heading when it should not be. For example, an entire paragraph of text should never be marked as a heading.
- WAVE will also report an alert (not an error) in some cases where large bold text is used. You must use your judgment to decide whether heading tags should have been provided.
- WAVE will the show the existence of heading tags and the heading levels. Use your judgment to confirm that:
- Alternate test technique 1: Heading bookmarklet.
- Similar to WAVE, the Heading bookmarklet will show you where heading tags are found on the page.
- Confirm that the marked headings are correct, and that no headings are missing.
- Alternate test technique 2: JAWS.
- Press Insert+F6 to tell JAWS to display a list of all headings on the page.
- Confirm that the headings are correct, and that no headings are missing.
Failing WCAG Guidelines and Test Tips
For the heading demo, the following WCAG guidelines fail:
- 1.3.1: Info and Relationships
- 2.4.6: Headings and Labels