Terug naar Webrichtlijnen 1 - Overzicht van ijkpunten

IJkpunt 5.3 - Webrichtlijnen 1

Gebruik geen tabellen voor layout.

Referentie: Dit ijkpunt overschrijdt conformiteit met WCAG 1.0. Er bestaat geen overeenkomend WCAG 1.0 ijkpunt.

Beschrijving

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 luiteren, 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). Vergeleken met 1996-2003 is browserondersteuning van CSS afdoende, waarbij het gebruik van tabellen voor layout is achterhaald. WCAG voegt toe dat als tabellen worden gebruikt in de gelineariseerde inhoud de juiste bedoelde leesvolgorde moet worden behouden.

Voordelen

  • Het is voor een webontwikkelaar eenvoudiger om overzicht te houden.
  • Bepaalde hulpapparatuur, zoals screenreaders, kan beter door de code navigeren, wanneer geen tabellen voor layout zijn gebruikt.

Criteria voor toetsing

  • Tabellen worden niet gebruikt voor layout.

Voorbeelden

Voorbeeld 1 (Kolomlayout)

Als een kolomlayout wordt gebruikt voor grafische weergaves met hoge resolutie, wordt een pagina gelineariseerd wanneer CSS (style sheet) is uitgeschakeld.

Definities

Geen

Verwijzingen

  • R-pd.11.1 Gebruik tabellen voor het weergeven van relationele informatie en niet voor layout.
  • R-pd.11.8 Bij het aanpassen van een bestaande website: gebruik CSS voor de presentatie en layout van webpagina's en zie af van tabellen voor layout.**
  • R-pd.11.9 Bij het gebruik van tabellen voor layout: 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 layout: pas geen toegankelijkheidsmarkup toe.**
  • R-pd.2.9 Bouw een website volgens de Web Content Accessibility Guidelines (WCAG 1.0) van het W3C.

**: R-pd.11.1 overschrijdt R-pd.11.8, R-pd.11.9 en R-pd.11.10.

  • Delen op Facebook
  • Delen op Twitter
  • Delen op LinkedIn
  • Delen op Google+