Ga naar hoofdinhoud

Inhoud vinden op de pagina

Gebruik een 'Op deze pagina' blok bovenaan een lange pagina om bezoekers te helpen direct naar de juiste sectie te navigeren.

Voorbeeld HTML
<!-- HTML wordt geladen -->

Opbouw van de inhoudsopgave​

  • Gebruik een h2 met de tekst 'Op deze pagina:' als titel boven de inhoudsopgave.
  • Gebruik ankerlinks met een pijl-omlaag icoon zodat bezoekers direct naar de juiste sectie kunnen springen.
  • Zet de links bij voorkeur in twee kolommen als er meer dan vijf links zijn.

Technische realisatie​

Elke ankerlink verwijst via href="#<id>" naar een sectie op dezelfde pagina. Het doelelement krijgt een overeenkomend id-attribuut:

<!-- Ankerlink in de inhoudsopgave -->
<a class="rvo-link rvo-link--with-icon rvo-link--no-underline" href="#krijgt-u-subsidie">
  <span class="rvo-icon rvo-icon-pijl-omlaag rvo-icon--md rvo-link__icon--before" aria-hidden="true"></span>
  Krijgt u subsidie?
</a>

<!-- Bijbehorende sectie lager op de pagina -->
<h2 class="rvo-heading" id="krijgt-u-subsidie">Krijgt u subsidie?</h2>