Heading / Accessibility
See "Page structure" in the Developer Checklist for generic pointers.
Relevant WCAG Success Criteria
1.3.1 Info and Relationships (A)
Information, structure, and relationships conveyed through presentation can be programmatically determined or are available in text.
1.3.1 and the header-component(s)
The main purpose of the H
-component (and other components in this package) is to
decouple the semantic level from the styling. This makes it easy to use the correct
semantic level in-context.
<H level={1}>Level one</H>
<H level={2}>Level two</H>
// ...