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.

W3C article: Understanding Success Criterion 1.3.1

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>
// ...

This guide is based on version: 2.0.10