Inhoudsopgave

De inhoudsopgave van een pagina: een navigatielandmark met zijn eigen kop als naam, met de lijst van koppen die de markdownmodule maakte.

Demo

Eigenschappen bewerken

Wijzig een waarde en pas die toe; de demo wordt met de nieuwe waarden getoond. Een geweigerde waarde wordt bij het veld gemeld en de demo houdt de beginwaarde.

Eigenschappen

Eigenschap	Type	Standaard	Toegestane waarden	Omschrijving
`label`	`string`	verplicht		De kop van de lijst, in de taal van de pagina; die geeft de landmark zijn naam.
`listHtml`	`string`	verplicht		De geneste lijst van links, ontsnapte HTML van de markdownmodule.

Gebeurtenissen

Dit component verstuurt geen gebeurtenissen.

Toetsenbord

Toetsen	Doet
`Tab, Enter`	Gaat in documentvolgorde langs de links; Enter volgt er een. Native, geen script.

Toegankelijkheid

Een <nav> met zijn eigen h2 als naam via aria-labelledby, zodat de naam één keer wordt voorgelezen.
Het id van de kop ligt vast (dv-contents-title), dus één pagina heeft één inhoudsopgave.

Waarom zo

De markdownmodule zet de inhoudsopgave neer waar een pagina de markeerregel heeft; de opmaak eromheen is van de kit, zodat de landmark, de kop en de stijl één keer geschreven zijn en de module geen componentopmaak schrijft. De landmark heet naar zijn zichtbare kop (aria-labelledby), zodat een schermlezer hetzelfde woord één keer hoort.

Verwijzingen

COMMON-148

Gebruikt

Dit component gebruikt geen ander component.

Gebruikt door

Nog geen gebruik vastgelegd.

README

A page's table of contents: a navigation landmark named by its own heading ("Inhoud", in the page's language) with the list of headings. The markdown module renders it where a page has the $toc['marker'] line.

Change log

2026-10-14: component.json (the manifest: the props now live there) and demo.php (the demos the inspector and the catalogue page show) added; see docs/architecture/inspector.md.
2026-10-14: new, from <nav class="tableofcontents"> in modules/markdown/start.php; the id is dv-contents-title.