Zorg dat de inhoud op een logische volgorde gelezen kan worden door alle bezoekers

Als de volgorde waarop de inhoud van een pagina wordt getoond van invloed is op de betekenis ervan, zorg dan dat die volgorde ook is vastgelegd in de broncode.

Hoe pas ik dit toe?

Is er een betekenisvolle volgorde?

Bepaal eerst of de volgorde waarin de inhoud van een pagina wordt gepresenteerd van invloed is op de betekenis ervan. Zo kun je een tekst die uit twee paragrafen bestaat niet zomaar door elkaar gooien: als je begint met de tweede paragraaf en dan pas de eerste toont, is de tekst niet meer te volgen. In deze situatie is de volgorde dus van belang. Op een pagina met een navigatiemenu en een tekst maakt de volgorde niet uit: de twee onderdelen zijn onafhankelijk van elkaar te lezen en beïnvloeden elkaar niet. Het maakt niet uit welke van de onderdelen je het eerste tegenkomt. In deze situatie is de volgorde niet van belang.

Volgorde aanhouden in de broncode

Is er sprake van een betekenisvolle volgorde, dan moet deze niet alleen visueel worden gevolgd, maar ook zijn vastgelegd in de broncode. Hulptechnologie bepaalt namelijk op basis van de broncode wat de leesvolgorde is. Om ervoor te zorgen dat hulptechnologie de juiste volgorde kan bepalen, moet je de volgende regels in acht nemen:

  • Zorg dat tekst in de broncode op een logische volgorde staat.
  • Plaats informatie die in een tabel thuishoort in een echte HTML-tabel: hulptechnologie zal de tabel op een logische wijze (rij voor rij of kolom voor kolom) voorlezen. Gebruik geen spaties of tabs om een tabelvorm te simuleren.
  • Gebruik de functies van de editor om een genummerde lijst te maken, zodat deze juist is gemarkeerd in de HTML-code van de pagina. Hulptechnologie weet dan dat de volgorde van de delen van de opsomming van belang is.
  • Gebruik de functies van de editor om een opsomming met bullets of andere opsommingstekens te maken. Hulptechnologie weet dan dat de volgorde van de delen van de opsomming niet van belang is.
  • Gebruik geen tabellen of spaties om de vormgeving van een tekst of pagina te regelen. Als je dit doet kan hulptechnologie niet achterhalen wat de juiste volgorde is.

Voorbeelden

Gebruik geen tabel voor de vormgeving van een pagina

Als je een tabel gebruikt om een pagina op een bepaalde manier in te delen loop je het risico dat de inhoud op de verkeerde volgorde in de broncode staat. Stel je voor dat je een tabel hebt met twee kolommen en twee rijen: in de eerste kolom plaats je in de eerste rij de titel en in de tweede rij de hoofdtekst. In de tweede kolom plaats je in de eerste rij het kopje ‘Nieuws’ en in de tweede rij het bijbehorende nieuwsbericht. Visueel heb je nu een logische indeling:

Hoofdtitel Nieuws
Hoofdtekst Nieuwsbericht

Doordat je een tabel hebt gebruikt is de logische volgorde die te zien is echter niet vastgelegd in de broncode. Voorleessoftware zal de tekst als volgt oplezen: hoofdtitel - titel nieuwsbericht - hoofdtekst - nieuwsbericht. Een dergelijke indeling kun je dus veel beter met CSS regelen dan met een tabel, zodat de inhoud als volgt wordt opgelezen: hoofdtitel - hoofdtekst - titel nieuwsbericht - nieuwsbericht.

Toon niet alleen met CSS de juiste volgorde

Als er sprake is van een betekenisvolle volgorde, dan moet deze altijd in de broncode (HTML) staan. Het is dus niet toegestaan om in de broncode bijvoorbeeld de volgende volgorde aan te houden: onderdeel 3, onderdeel 2, onderdeel 1, en deze met CSS weer te geven als onderdeel 1, onderdeel 2, onderdeel 3, als alleen de volgorde 1-2-3 logisch is.

Testen

Er zijn diverse webdeveloper-plugins beschikbaar voor browsers waarmee je een webpagina eenvoudig kunt bekijken zonder vormgeving (CSS). Hierdoor zie je de volgorde van de inhoud van die pagina zoals die in de broncode is vastgelegd. Controleer of deze volgorde ook zonder de CSS nog logisch is.

Hoe draagt dit bij aan een betere website?

Door de inhoud op een logische volgorde te plaatsen in de broncode is de inhoud ook begrijpelijk voor bezoekers die voorleessoftware of een eigen stylesheet gebruiken.

Bouwer of redacteur?

De bouwer is verantwoordelijk voor het plaatsen van inhoud in de broncode op een logische volgorde. Ook moet hij ervoor zorgen dat de redactie de volgorde niet kan verstoren.

Technische details

Hoort bij