Skip to main content

Headings

Richtlijnen

  • Gebruik altijd maar één H1 heading op een pagina met digitale content.
  • Gebruik alleen een heading als er content onder staat.
  • Gebruikers van screenreaders gebruiken headings vaak om een indruk te krijgen van de structuur van een pagina.
  • 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.
  • Beperk het aantal headings op een pagina. In de meeste gevallen hebben teksten niet meer dan <h2> koppen nodig en heel soms een <h3>. Alleen voor uitzonderlijk lange of complexe pagina's zouden <h5> en <h6> nodig zijn.

Terminologie

In HTML wordt de term "heading" gebruikt, niet "header" (dat is ook iets anders). Let dus op om niet per ongeluk "header" te schrijven in plaats van "heading".

Heading 1

status: community

Heb je hem succesvol ingezet voor jouw project met jouw huisstijl? Laat ons dit weten, misschien kan dit component dan opgenomen worden in NL Design System.

Heading 2

status: community

Heb je hem succesvol ingezet voor jouw project met jouw huisstijl? Laat ons dit weten, misschien kan dit component dan opgenomen worden in NL Design System.

Heading 3

status: community

Heb je hem succesvol ingezet voor jouw project met jouw huisstijl? Laat ons dit weten, misschien kan dit component dan opgenomen worden in NL Design System.

Heading 4

status: community

Heb je hem succesvol ingezet voor jouw project met jouw huisstijl? Laat ons dit weten, misschien kan dit component dan opgenomen worden in NL Design System.

Heading 5

status: community

Heb je hem succesvol ingezet voor jouw project met jouw huisstijl? Laat ons dit weten, misschien kan dit component dan opgenomen worden in NL Design System.

Heading 6

status: community

Heb je hem succesvol ingezet voor jouw project met jouw huisstijl? Laat ons dit weten, misschien kan dit component dan opgenomen worden in NL Design System.