Tabell - 1177

Exempel

Designspecifikation

För desktop finns tabeller i två bredder: 620 px och utfallande 833 px.

Utfallande tabeller fyller ut till vänster i griden och används då man har tabeller med mycket innehåll och många kolumner.

Tabeller får scroll i sidled i mobil.

Do’s and Don’ts

• Använd utfallande tabeller om det finns mycket innehåll och kolumner.

Tillgänglighet

• 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.

• 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 scope-attributet för att beskriva riktningen på en <th>.

Research på komponenten

-

Relaterade resurser/komponenter

Status