docs: Headings toevoegen voor spotlight sections

[MarjonBakker]

Spotlight sections hebben een aparte achtergrondkleur en beginnen met het woord 'Belangrijk' in bold. Toch zijn ze moeilijk te ontdekken voor screenreadergebruikers. De informatie kan makkelijk gemist worden door screenreadergebruikers, terwijl die wel belangrijk wordt geacht.

Ook kan het gebeuren dat een stuk kopij niet aansluit bij de kop die erboven staat, bijvoorbeeld bij de tekst 'Belangrijk: De richtlijnen van NL Design System zijn niet verplicht [...]' op de WCAG-pagina's: https://nldesignsystem.nl/wcag/1.1.1 . De tekst in de spotlight-section staat onder de kop 'W3C referenties', maar gaat over iets anders, namelijk het niet-verplicht zijn van de NL Design System-richtlijnen. Hier zou een eigen kop toepasselijk zijn, bijvoorbeeld: 'Belangrijk: NL Design System-richtlijnen zijn niet verplicht'.

Acceptatiecriteria

• Er is uitgezocht waar deze spotlight sections worden gebruikt
• Er is gecheckt of een kop op die plaats nuttig is
• Er zijn koppen toegevoegd boven spotlight sections waar dat nuttig is