Hur arbetar man med rubriknivåer på webben?
Anonym
2009-04-13
Vår kommun håller på att utveckla en ny webbplats som jag är projektledare för och jag har en fråga som jag hoppas du kan svara på. Jag har fått hjälp att granska vår design av en tillgänglighetskonsult och diskuterade samtidigt med dem om rubriksättning. Deras rekommendation var att man ska ha olika storlekar och utseende på Heading 1 för att kunna variera användandet.
På vår startsida har vi en huvudnyhet som ju då är H1. En helt annan nyhet som har mindre rubrik ska den då ha H1 också fast då med mindre typsnitt? Eller ska man sätta den som H2? Konsulten rekommenderade att bara när det tillhör samma innehåll som t.ex. alla text på en vanlig webbsida skulle man gå ner hierarkiskt i rubriksättningen H1, H2 o.s.v. Vi har också rubrik på olika funktioner som ex. nyhetslista och E-tjänstlista o.s.v. Är detta då också H1:or?
Taggad med: html, skriva för webben, standarder, tillgänglighet.
Svar
Ja, det stämmer att om innehållet hör ihop så bör man gå ner hierarkiskt. Till exempel en ange övergripande rubrik "Nyheter" som h1:a och sedan ange att nyhetsrubrikerna är h2:or.I ert fall är det mer lämpligt än att göra alla nyhetsrubriker till h1:or. Enligt standarden för HTML så går det bra att använda flera huvudrubriker (h1) på en och samma sida. Till exempel en ny h1:a för er lista över e-tjänster. Ni markerar då fär läsarna att e-tjänsterna och nyheterna är två olika grupper av innehåll. Läs mer i riktlinje 5.5.2 Skapa rubriker med h-element.
Ett bra sätt att granska rubrikerna på en webbsida är att använda ett insticksprogram till webbläsaren. Till exempel Web Accessibilty Toolbar om du kör Internet Explorer. Klicka på Struktur -> rubrikstruktur för att kolla sidans rubriker. Klicka på CSS -> "Stäng av stilmallar" för att se sidan med stilmallarna avstängda.
Besvara frågan