10. Eenvoudige datatabellen
Uitleg
Een eenvoudige datatabel is een tabel met data. Een datatabel bevat cellen met data en rij- en / of kolomkoppen. Het gaat hier dus niet om opmaaktabellen.
Voorbeelden
Onderstaande tabel is een voorbeeld van een tabel op een site met prijsvergelijkingen. Dit is een eenvoudige datatabel, waarbij de kolomkoppen bestaan uit 'prijs, 'porto', 'totaalprijs' en 'levertijd'. De rijkoppen bestaan uit 'boekhandel a', 'boekhandel b', 'boekhandel c', 'boekhandel d' en 'boekhandel e'.
| prijs | porto | totaalprijs | levertijd | |
|---|---|---|---|---|
| boekhandel a | 7,63 | 5,46 | 13,08 | 7-14 dagen |
| boekhandel b | 11,99 | 1,95 | 13,94 | 2-4 dagen |
| boekhandel c | 13,95 | 0,00 | 13,95 | 3-7 dagen |
| boekhandel d | 8,14 | 7,25 | 15,38 | 5-7 dagen |
| boekhandel e | 13,95 | 2,25 | 16,20 | 3-21 dagen |
Iemand die deze tabel niet visueel bekijkt, maar bijvoorbeeld met een schermlezer krijgt deze informatie 'gelineariseerd' aangeboden. Dat wil zeggen alle cellen worden na elkaar voorgelezen van links naar rechts:
prijs porto totaalprijs levertijd boekhandel a 7,63 5,46 13,08 7-14 dagen boekhandel b 11,99 1,95 13,94 2-4 dagen boekhandel c 13,95 0,00 13,95 3-7 dagen boekhandel d 8,14 7,25 15,38 5-7 dagen boekhandel e 13,95 2,25 16,20 3-21 dagen
Op deze manier is de tabel dus niet of nauwelijks te begrijpen. Gelukkig kan het ook anders: Wanneer een tabel met de juiste code is opgemaakt (in dit geval th-elementen voor de rij- en kolomkoppen) kan hulpsoftware bij alle cellen de koppen aangeven. De eerste regel wordt dan:
boekhandel a: prijs:7,63; porto: 5,46; totaalprijs: 13,08; levertijd: 7-14 dagen.
Of tabellen goed zijn opgemaakt kan niet zomaar gezien worden door een pagina te bekijken in de browser, zonder de code te bekijken of tools te gebruiken. Uit het feit dat koppen vet gemaakt zijn kan namelijk niet de conclusie getrokken worden dat ze ook juist zijn opgemaakt. Het vet maken van koppen kan ook met HTML-opmaak of style sheets.
Om vast te stellen of de tabel ook in de code goed is opgemaakt gebruiken we tool 4a 'Eenvoudige datatabellen: Toon th-elementen'. Wanneer een tabel goed is opgemaakt zullen de letters van de tabelkoppen geel worden en de achtergrond zwart.
Onderstaande afbeelding geeft het effect van de tool op de eenvoudige datatabel van deze pagina weer.
We kunnen zien dat deze tabel goed is opgemaakt: alle kolom- en rijkoppen zijn kennelijk met th-elementen opgemaakt. U kunt dit ook zelf proberen door tool 4a op deze pagina te gebruiken.
Testen met de toolbar
Zoek een datatabel. Het kan helpen om te zoeken naar cijfers, overzicht of tabel. Ga met tool 4a na of de kolom- en / of rijkoppen th-elementen zijn gebruikt.
Checklist
Wanneer de eenvoudige datatabel(len) goed zijn opgemaakt vult u bij de checklist 'ja' in.
Wanneer de datatabel(len) niet goed zijn opgemaakt vult u 'nee' in. Heeft u geen datatabellen aangetroffen of bent u er niet in geslaagd het antwoord op deze vraag te bepalen, dan vult u 'nvt / weet niet' in.