Rad- och kolumnrubriker på rätt sätt

Riktiga data har oftast rubriker både överst och längs sidan. Varje datacell ligger i skärningspunkten mellan en kolumnrubrik och en radrubrik.

Värdet 92 säger inte mycket på egen hand. Koppla det till Ada och Score så blir det Ada, Score, 92. Den kopplingen är den association du bygger.

Den första raden innehåller rubriker med scope=col. När användaren flyttar sig nedåt i en kolumn fortsätter skärmläsaren att meddela kolumnrubriken som sammanhang.

Den första cellen i varje datarad blir en rubrik med scope=row. Den namnger raden så att värdena får ett vem eller när när användaren läser åt höger.

Cellen längst upp till vänster ligger ofta ovanför radrubrikerna och bredvid kolumnrubrikerna. Det går bra att lämna den som ett tomt th; då förblir rutnätet korrekt.

Webbläsare försöker gissa scope, men gissningen är opålitlig för allt utom de enklaste rutnäten. Ange alltid scope själv för att vara säker.

Omslut rubrikrader med thead och datarader med tbody. Det tydliggör strukturen för hjälpmedel och gör uppmärkningen mycket lättare att läsa.

Flytta till en datacell så hör användaren radrubriken, kolumnrubriken och sedan värdet. Ett korrekt scope gör denna uppläsning träffsäker.

Låt ett th ha en enda roll: kolumnrubrik eller radrubrik. Om data och etiketter blandas i samma cell blir kopplingen otydlig för alla.

Välj en slumpmässig datacell och fråga: förklarar dess rubriker den helt? Om du inte kan avgöra vad ett tal betyder utifrån rubrikerna är ditt scope fel.

Kolumnrubriker överst, radrubriker till vänster och data i mitten. Denna matris täcker den stora majoriteten av tabeller du kommer att bygga.

Kolumnrubriker använder scope=col, radrubriker använder scope=row, och varje datacell ligger där de korsas. Ange scope själv och lita aldrig på gissningen.