Roger Johansson, killen bakom Webbutveckling med standarder har skrivit ett strålande dokument hur man kan (och bör) använda Tabeller i HTML. Här används tabellerna till det de är skapade för – tabeller.
twitter: Jag har nu lagt till mig på SIS-Index "Twitter-index": http://bit.ly/aMUWrM 2010-03-06;
}
5 kommentarer till
kommentera
För ett antal år sen var jag involverad i ett projekt där vi skulle ta fram en ny webbsite åt ett företag. I med att vi skulle följa Statskontorets rekommendation på 24-timmars tillgänglighet för webbplatser (med tillgänglighetsanpassning menas att människor med funktionshinder av olika slag ska kunna tillgodogöra sig den information som presenteras) kom vi fram bl.a. till att ramar och tabeller i layoutsyfte ska undvikas.
Detta kan förtydligas på följande sätt:
Tabeller skall i första hand användas för att organisera datafält som har ett logiskt samband med varandra när dom ligger tabellform. Utvecklare skall försöka undvika att använda tabeller enbart för sidlayout (t.ex. tabeller i tabeller), använd då istället positionsangivelser i STYLESHEETS eller STYLE-attributet. Tabellerna kan också göras lättare att förstå för alla användare med hjälp utav olika HTML-element och attribut.
Exempel:
Skärmläsarprogrammet Lynx tar inte hänsyn till tabeller, medan äldre versioner av Jaws och WindowsBridge gör det. Observera att blinda användare inte uppdaterar sin skärmläsare, lika ofta och lätt, som användare uppdaterar exempelvis nya webbläsarversioner.
I datatabeller, ange rad- och kolumnrubriker. Använd TD för att ange rader, och TH för att ange tabellrubriker i HTML. I datatabeller som har två eller flera logiska nivåer med rad- och kolumnrubriker, koda så att dataceller och överskriftsceller hör samman. I HTML, använd THEAD, TFOOT, och TBODY för att gruppera rader, och COL och COLGROUP för att gruppera kolumner. Om en tabell används för layout, använd inte strukturkoder för visuell formatering. Med hjälp utav SUMMARY-attributet kan man tillhandahålla sammanfattningar utav tabellens innehåll.
I med att hans artikel verkar ha kommit ut nyligen så känns ämnet lite förelagt. Följer man bara rekommenderade standarder från W3C och använder dessa på rätt sätt så eliminerar man de flesta fällor som kan dyka upp under ett projekts utvecklingsfas.
/Michael
Kommenterat av Michael — 29 oktober 2004 klockan 10.33
Håller med om att det var ett riktigt bra artikel om tabeller. De allra flesta har glömt bort vad de egentligen ska användas för och vad som finns mer än tr o td… Det enda som jag är lite fundersam över är caption som rubrik för tabeller. Använder screenreaders det på ett annat sätt än h1 – h2?
Kommenterat av Kristin — 31 oktober 2004 klockan 21.02
Michael: Det borde vara ett förlegat ämne, men tyvärr har en klar majoritet av dagens webbutvecklare mycket dåliga kunskaper om HTML i allmänhet, och om tillgänglighet i synnerhet. Jag hoppas att artikeln kan leda till att några fler börjar använda tabeller bättre
Kristin: Skillnaden är att
captionstrukturellt hör samman med resten av tabellen, medan en rubrik är separat.Kommenterat av Roger Johansson — 03 november 2004 klockan 23.08
Håller med att majoriteten av dagens webbutvecklare har mycket dåliga kunskaper i webbutveckling. Inte bara i HTML utan också i CSS. Själva ”tänkandet” som bör finnas hos alla som håller på med webbutveckling och design verkar vara som bortblåst.
Kommenterat av Michael — 04 november 2004 klockan 16.47
Michael: Det borde vara ett förlegat ämne, men tyvärr har en klar majoritet av dagens webbutvecklare mycket dåliga kunskaper om HTML i allmänhet, och om tillgänglighet i synnerhet. Jag hoppas att artikeln kan leda till att några fler börjar använda tabeller bättre
Kristin: Skillnaden är att
captionstrukturellt hör samman med resten av tabellen, medan en rubrik är separat.Kommenterat av Roger Johansson — 17 oktober 2009 klockan 16.43