Koptekst die in de koppenstructuur ingesteld kan worden op het juiste niveau.

Gebruik deze component

Je kunt de CSS zo in je project installeren:

``console
npm install --save-dev @dictu/heading
`

Je kunt de CSS uit node_modules/ importeren:

`html

`

Als je CSS imports gebruikt vanuit JavaScript:

`javascript
import "@dictu/heading/dist/index.css";
`

Richtlijnen

- Gebruik altijd maar één H1 heading op een pagina.
- Gebruik alleen een heading als er content onder staat.
- Gebruik headings niet voor de opmaak maar alleen voor tekstuele hiërarchie van
de content.
- Sla geen niveaus over met het gebruik van headings, bijvoorbeeld geen H3
gebruiken zonder dat er een voorgaande H2 is.

$3

Gebruik voor een koptekst die semantisch op het ene level staat, maar visueel de
uitstraling heeft van een ander level de dictu-heading en
dictu-heading--level-{het visuele level} op het semantische heading component
naar keuze.

`html



Een koptekst die in de koppenstructuur op het tweede level staat en eruit ziet
als het vierde level.



`

Links

- MDN:

–

`: The HTML Section Heading elements

$3

- WCAG eis 1.3.1
- WCAG eis 2.4.6
- WCAG eis 2.4.10