Zoekformulier
Lijsten betekenisvol opmaken op een website
Over lijsten
Lijsten helpen bij het structureren van content en verbeteren de leesbaarheid. Ze benadrukken belangrijke punten. Er zijn verschillende soorten lijsten:
- Opsomming: onderdelen in een opsomming worden voorafgegaan door een opsommingsteken zoals een bolletje of een streepje. Gebruik opsommingen als de volgorde van de onderdelen in de lijst niet belangrijk is.
- Genummerde lijst: onderdelen in een genummerde lijst worden voorafgegaan door een nummer. Gebruik genummerde lijsten als de volgorde van onderdelen in de lijst wél belangrijk is.
- Lijst met beschrijvingen: onderdelen in een lijst met beschrijvingen bestaan uit een naam, term, of begrip met daarbij een beschrijving. Gebruik deze lijsten bijvoorbeeld voor een verklarende woordenlijst.
Lijsten hebben meerdere functies:
- Schermlezers kunnen een overzicht van alle lijsten presenteren. Zo kan snel worden genavigeerd naar de content.
- Schermlezers presenteren direct het aantal onderdelen in een lijst.
- Schermlezers hebben een ingebouwde sneltoets waarmee snel van lijst naar lijst, of van lijstonderdeel naar lijstonderdeel, kan worden genavigeerd.
Maak lijsten op met een lijst-element
Lijsten zijn vaak te herkennen aan een opsommingsteken of een nummer voor het lijstonderdeel. Mensen die de tekst kunnen zien, herkennen hieraan meteen wat de lijsten zijn maar dit soort vormgeving moet niet de enige manier zijn waarop dit wordt overgebracht.
De betekenis moet ook in de code worden toegevoegd zodat het ook door software te begrijpen is. Zorg daarom dat alle tekst die er uit ziet als een lijst en ook de functie heeft van een lijst wordt opgemaakt met een passend lijst-element.
Lijsten toevoegen op een website
In een CMS kunnen lijsten meestal makkelijk worden toegevoegd in de editor op de pagina. De editor zorgt dat de juiste HTML-elementen worden toegevoegd aan de tekst.
Kies voor een passende soort lijst; opsomming, genummerde lijst of lijst met beschrijvingen.
Fout voorbeeld: Lijst wordt niet opgemaakt met een lijst-element
In deze tekst wordt de lijst opgemaakt met streepjes en spaties:
Lijsten toevoegen met een HTML lijst-element
Opsommingen worden in de code opgemaakt met een <ul>-element. Genummerde lijsten worden in de code opgemaakt met een <ol>-element. Deze elementen hebben onderliggende <li>-elementen. De <li>-elementen worden gebruikt voor de individuele lijstonderdelen.
In de code ziet een ongeordende lijst er zo uit:
Let op: Een <ul>– of <ol>-element mag alleen <li>, <script> of <template>-elementen hebben als onderliggend element.
Lijsten met beschrijvingen toevoegen met een HTML lijst-element
Een lijst met beschrijvingen worden in de code opgemaakt met een <dl>-element. Dit element heeft onderliggende <dt>– en <dd>-elementen:
- Het
<dt>-element wordt gebruikt voor de naam, term, of begrip. - Het
<dd>-element wordt gebruikt voor de beschrijving.
In de code ziet dat er zo uit:
Let op: Een <dl>-element mag alleen <dt> met <dl> groepen, <script>, <template> of <div>-elementen hebben als onderliggend element.
Zie ook
- WCAG: 1.3.1 Info en relaties
- Categorie: Tekst
- Functiegroep: Contentspecialist of redacteur
- Functiegroep: Ontwikkelaar of tester
- Medium: Website
- Functiebeperking: Visuele beperking