W3C ijkpunt 3.6 Maak lijsten en lijstelementen op de juiste manier op.

Referentie: De WCAG ijkpunten zijn identiek aan de Waarmerk drempelvrij ijkpunten en de Webrichtlijnen.

Beschrijving

Codeer lijststructuur en lijstelementen op de juiste manier. De HTML-lijstelementen dl, ul en ol moeten alleen worden gebruikt voor het maken van lijsten en niet voor formatteringseffecten, zoals inspringen.

Voordelen

• Door lijsten en lijstelementen op de juiste manier op te coderen worden deze inzichtelijker voor de lezer.

Criteria voor toetsing

• Lijststructuur en lijstelementen zijn op de juiste manier opgemaakt. Ze zijn alleen gebruikt om lijsten te maken en niet voor opmaakeffecten zoals inspringen.
• ol is gebruikt voor ordered lists, d.w.z. alle lijsten waarbij wederzijdse volgorde van belang is.
• dl is gebruikt voor definition lists, d.w.z. lijsten waarbij per item, het eerste item betekenis geeft aan de daarop volgende tekst.
• ul is gebruikt voor overige lijsten (unordered lists)

Voorbeelden

Voorbeeld: Unordered lists

Een webpagina bevat een recept, met een lijst van de benodigde ingrediënten. De lijst is niet afhankelijk van de lijstvolgorde, dus wordt een unordered list gebruikt.

Voorbeeld: Ordered lists

Een webpagina geeft een lijst met stappen voor het invullen van een verzekeringsclaim. De volgorde van deze stappen is essentieel, dus wordt een ordered list gebruikt.

Voorbeeld: Defintion lists

Een pagina met woordenlijst bevat een lijst met definitietermen en de bijbehorende definities, opgemaakt als een definition list.

Definities

• geen

Verwijzingen

• R-pd.3.13 Gebruik ol (ordered list) en ul (unordered list) elementen voor het aangeven van lijsten.
• R-pd.3.14 Gebruik het dl (definition list), het dt (definition term) en dd (definition data) element voor het aangeven van een lijst met definities.
• R-pd.2.9 Bouw een website volgens de Web Content Accessibility Guidelines (WCAG 1.0) van het W3C.