Home > De richtlijnen > Webrichtlijnen 1 > R-pd.11.1

Tabellen voor relationele informatie, niet voor lay-out

Tabellen mogen alleen gebruikt worden voor het weergeven van relationele informatie en niet voor lay-out. Let op: richtlijnen R-pd.11.8, R-pd.11.9 en R-pd.11.10, die spreken over het gebruik van tabellen voor lay-out, zijn niet meer van toepassing. Ze zijn achterhaald doordat in augustus 2006 het onderscheid tussen een optimale en minimale set van de webrichtlijnen is verdwenen. Om aan de webrichtlijnen te kunnen voldoen, is het gebruik van CSS voor lay-out dus vereist.

Uitleg van deze richtlijn

Een toepassing van tabellen op het web is het relationeel weergeven van informatie via rijen en kolommen. Dit worden wel datatabellen genoemd. Voorbeelden van informatie die relationeel kan worden weergegeven zijn vertrek- en aankomsttijden, planningsschema’s of overzichten van onderzoeksgegevens.

Bijna alle soorten informatie kunnen wel op één of andere manier in een tabel weergegeven worden, maar dat is lang niet altijd gunstig. Tabellen lenen zich uitstekend voor een overzichtsmodel van de informatie in verschillende verbanden. Als dit model van verschillende verbanden niet nodig is voor de bezoeker om de informatie te begrijpen, is het vaak beter de informatie in één context te plaatsen: een lijst.

Gebruik van het table element voor layout is een voorbeeld van 'verkeerd gebruik' van een structureel element voor presentatiedoeleinden. Als het element wel wordt gebruikt, kan dit leiden tot complicaties, met name voor blinden, mensen die naar inhoud luisteren, of mensen die een pagina willen afdrukken (vaak passen pagina's met tabellen voor layout niet op het papier als wordt afgedrukt in de modus Staand).

R-pd.11.8, R-pd.11.9 en R-pd.11.10 achterhaald

Tot en met versie 1.1 van de webrichtlijnen (tot augustus 2006) werd onderscheid gemaakt tussen een minimale set en een optimale set richtlijnen. Dit is niet meer van toepassing. Reden voor dit onderscheid was de verschillen in mogelijkheden tot verbetering die er zijn bij aanpassing van bestaande websites en die er zijn bij de ontwikkeling van nieuwe websites. Retrofitting van reeds bestaande websites is echter kostentechnisch geen aantrekkelijke optie, zo is bij proefnemingen gebleken. Nadeel van de twee sets was bovendien dat het een keuzemogelijkheid suggereert bij nieuwe websites die er feitelijk niet is. Vanaf augustus 2006 is er maar één set richtlijnen waaraan overheidswebsites dienen te voldoen.

Door deze wijziging zijn de volgende richtlijnen achterhaald, en geldt in plaats daarvan R-pd.11.1:

  • R-pd.11.8: Bij het aanpassen van een bestaande website: gebruik CSS voor de presentatie en lay-out van webpagina's en zie af van tabellen voor lay-out.
  • R-pd.11.9: Bij het gebruik van tabellen voor lay-out: gebruik niet meer dan één tabel en gebruik zoveel mogelijk CSS voor de vormgeving van deze tabel.
  • R-pd.11.10: Bij het gebruik van tabellen voor lay-out: pas geen toegankelijkheidsmarkup toe.

Gerelateerde richtlijnen

  • R-pd.11.2: Gebruik het th (table header) element voor het beschrijven van een kolom of rij in een tabel met relationele informatie.
  • R-pd.11.3: Groepeer rijen met alleen th (table header) cellen met het thead (table head) element. Groepeer de rest van de tabel met het tbody (table body) element.
  • R-pd.11.4: Gebruik het scope attribuut voor het associëren van tabellabels (th cellen) met kolommen of rijen.
  • R-pd.11.5: Gebruik het headers en id attribuut voor het associëren van tabellabels (th cellen) met individuele cellen in complexe tabellen.
  • R-pd.11.6: Geef afkortingen voor tabellabels (th cellen) via het abbr (abbreviation) attribuut wanneer de lengte van de inhoud van het tabellabel zodanig van lengte is dat herhaling in een spraakbrowser irritatie kan wekken.
  • R-pd.11.7: Gebruik het caption element of heading markup voor het geven van een koptekst boven een tabel.

Bijbehorende ijkpunten normdocument

  • IJkpunt 5.3: Gebruik geen tabellen voor lay-out.