Het plaatsen van list-items/lijsten/bullet-lists kan het leesgemak van de gebruiker verbeteren. Internetgebruikers scannen pagina’s vaker dan dat ze een complete tekst op een pagina lezen. Het gebruik van lijsten helpt de gebruiker de pagina te scannen. De inhoud van een lijst is eenvoudiger te overzien dan wanneer dezelfde inhoud zou worden verteld in een verhaal. Ook de vormgeving van lijsten kan de gebruiker beïnvloeden bij het lezen van de tekst.

 

Soorten lijsten

Functioneel gezien zijn er drie soorten lijsten. Ongenummerde lijsten, geordende lijsten en definitielijsten. Een ongeordende lijst is de lijst die het meest voorkomt. Bij deze vorm heeft ieder list-item heeft dezelfde “bullet”. Er ontstaat bijvoorbeeld een verticale lijst met punten.
Geordende lijsten lopen logisch op, bijvoorbeeld numeriek (1,2,3) of alfabetisch (a,b,c).
Verder zijn er nog definitielijsten. Deze lijsten kunnen worden gebruikt als er een verklaring wordt gegeven bij een trefwoord of term. Bijvoorbeeld de uitleg van een woord in een woordenboek.
Deze verschillende vormen zijn ook nog binnen elkaar te combineren maar dit artikel zal zich voornamelijk beperken ongenummerde lijsten.

 

Standaard opmaak

Alle items binnen een website (bijvoorbeeld koptekst of linkkleur) hebben een standaardopmaak. Deze wordt door de browser meegegeven. Dit geldt ook voor ongeordende lijsten. Een standaard lijst heeft het volgende uiterlijk:

Als een lijst wordt voorzien van subitems, zal de browser de bullet aanpassen:

 

Aangepaste bullets

Omdat de standaardopmaak (van de browser) vrijwel nooit wordt gehanteerd, mede omdat het oog ook wat wil, is het mogelijk om lijsten naar eigen wens aan te passen. Zo is het mogelijk om onder andere bullet, de kleur van de bullet, de (linker-inspring)marge en het font aan te passen.

 

Vervangende bullets

Het is ook mogelijk om de lijsten geheel naar eigen inzicht aan te passen. Feitelijk verwijder je dan gewoon de opmaak van de browser, en vervang je de bullet door een eigen afbeelding. Een aantal voorbeelden.

Categoriseren

Niet geheel in lijn met de functie van lijsten, maar wel functioneel, is om de tekst te voorzien van een bijpassend icoon. Het icoon kan het trefwoord visueel ondersteunen. Deze toepasbaarheid zien we vaak bij navigatielijsten.

 

Lijsten faken

Het is ook mogelijk om lijsten te faken. Er wordt dan een opsommingsteken (bijvoorbeeld een – of >) in de tekst  geplaatst. Visueel kan het er dan uitzien als een lijst, maar de code bevat dan technisch gezien geen lijst. Hierdoor is het voor blinden niet mogelijk om lijsten te lezen, en zien zoekmachines  deze stukken tekst niet als lijsten. Dit is dus af te raden.

Het gebruik van list-items kan dus verschillende functies hebben, en kan het gebruikersgemak van de website verhogen. Het aanpassen van de vormgeving van de lijsten is betrekkelijk eenvoudig. Zijn er nog meer functies die een lijst kan hebben behalve bovengenoemde?