U bent hier: Home › De richtlijnen › Inhoud › Eenvoudige gegevenstabellen ›

Tabel is bruikbaar na linearisatie

Opgelet! Nieuwe ijkpunten

De ijkpunten in deze rubriek zijn niet meer van toepassing. De nieuwe AnySurfer checklist op 2dot0.anysurfer.be vervangt de oude richtlijnenset van 2006.

Denkt u even alle HTML-tabellen weg. Browsers en hulpprogramma's die geen tabellen kunnen weergeven, plaatsen de inhoud van iedere cel op een nieuwe regel (of lezen ze achtereenvolgens voor). De volgorde van die regels stemt precies overeen met de volgorde van de cellen (th en td) in de broncode van de pagina.

Zelf testen

Met de Web Developer Extension voor Firefox (en sommige andere browsers) kunt u snel controleren of een webpagina in lineaire vorm logisch en samenhangend is.

Schakel CSS tijdelijk uit met Beeld > Paginastijl > Geen stijl.
Kies Extra > Web Developer > Miscellaneous > Linearize page.

Voorbeeld

Bron: site van Dentergem

<table border="1" width="650">
  <tr>
    <td width="159">Sociale Dienst</td>
    <td width="156">Sophie Vankeirsbilck</td>
    <td width="144">Viaene Wendy</td>
    <td width="163">Dujardyn Didier</td>
  </tr>
  <tr>
    <td width="159">bereikbaar op:</td>
    <td width="156">056-12 34 45</td>
    <td width="144">056-23 45 67</td>
    <td width="163">056-34 56 78</td>
  </tr>
  <tr>
    <td width="159">maandag<br>
    dinsdag<br>
    woensdag<br>
    donderdag<br>
    vrijdag</td>
    <td width="156">9-12u en 16-17u<br>
    9-12u en 16-17u
    <p>9-12u en 16-18u<br>
    9-12u</td>
    <td width="144">9-12u en 16-17u<br>
    9-12u en 16-17u<br>
    9-12u<br>
    9-12u en 16-18u<br>
    9-12u</td>
    <td width="163">15-17u<br>
    15-17u<br>
    16-17u<br>
    16-18u<br>
    14.30-16u</td>
  </tr>
</table>

Gelineariseerd

Tabel met 4 kolommen en 3 rijen
Sociale Dienst
Vankeirsbilck SophieSophie
Viaene Wendy
Dujardyn Didier
bereikbaar op:
056-12 34 45
056-23 45 67
056-34 56 78
maandag
dinsdag
woensdag
donderdag
vrijdag
9-12u en 16-17u
9-12u en 16-17u
9-12u en 16-18u
9-12u
9-12u en 16-17u
9-12u en 16-17u
9-12u
9-12u en 16-18u
9-12u
15-17u
15-17u
16-17u
16-18u
14.30-16u
tabeleinde

Verbetering

Een eerste stap om deze tabel overzichtelijker te maken is om elk gegeven in zijn eigen cel te plaatsen:

<table>
  <tr>
    <td>maandag</td>
    <td>9-12u en 16-17u</td>
    <td>9-12u en 16-17u</td>
    <td>15-17u</td>
  </tr>
  <tr>
    <td>dinsdag</td>
    <td>9-12u en 16-17u</td>
    <td>15-17u</td>
    <td>16-17u</td>
  </tr>
</table>

Dit is een voldoende oplossing omdat er slechts drie kolommen met gegevens zijn. Wilt u de gegevens van meer personen naast elkaar tonen, dan is het wellicht het meest overzichtelijk om de tabel op te splitsen en de gegevens van elke persoon in een aparte geneste tabel te tonen.

Gebruikersgroepen die baat hebben bij het toepassen van dit ijkpunt

Blinden
Gebruikers van zakcomputers en GSM’s
Iedereen

Wie waakt over het respecteren van dit ijkpunt?

Webredacteur (teksten en afbeeldingen)

Betrokken tags en attributen

table

Overeenkomstige richtlijnen

BlindSurfer: richtlijn 2
WCAG: ijkpunt 5.3

Naar boven

De richtlijnen

Nieuwsbrief