...
Korrekt kodade tabeller är i sin natur tillgängliga för många användare för de grupperar information så att man förstår hur saker hör ihop, det är dock extra viktigt att detta görs rätt för att inte skapa förvirring.
Tabeller ska ha en <table>-tagg för att definiera att det är en tabell. Se även till att det finns korrekt användning av tr, th, td.
Det kan vara bra för extra tydlighet att använda <caption> som en överskrift/rubrik till tabellen. <th> och <td> ska användas korrekt. Dessutom är det bra att använda Caption är en överskrift/rubrik för tabellen som kort förklarar innehållet. Placerad i table-elementet.
Använda scope-attributet för att beskriva riktningen på en <th>. (För enkla tabeller räcker det om tabellrubriken i attributet scope anger att den avser kolumnen (värdet ”col”) eller raden (värdet ”row”))
För komplexa tabeller använd kompletterande kod för att göra den mer begriplig.
För att förbättra upplevelsen för många se till att man inte behöver skrolla vertikalt för att få del av innehållet i tabellen.
Research på komponenten
-
...