Vad många bloggar och webbsidor missar är att det ganska enkelt går att göra sin löpande text mer läsbar och därefter få besökare att läsa resten av texten. Nedan kommer tre vanliga misstag presenteras tillsammans med deras lösning.

Läckande rubriker

Två exempel på rubriker

Läckande rubriker är något som de flesta redigerare är mycket väl medvetna om men är  något som jag har sett att många webbdesigners och bloggare inte tänker på. En rubrik ska vara närmare den texten den hör till.

Ta bilden ovan, rubriken till vänster ser ut att flyta runt i ingen-mans-land vilket förstör helheten till texten som hör till. Flyttas rubriken ner som i det högra exemplet så skapar man helt plötsligt en helhet.

Lösningen är att minska padding och margin nedåt på dina rubriknivåer.

Färgen på texten

#000 vs #333

Att sätta färg på sin text är ofta lockande. Speciellt om man vill förtydliga något extra. När man sätter färg måste man hela tiden tänka på kontrast till bakgrund och andra element. Om texten som är färgad blir för stark så sätts helt plötsligt allt fokus till den delen och resten av informationen försvinner.

Färg på löpande text bör inte sättas till absolut svart. Typografi rekommenderar kontrast, så även på webben – #333 är en bra färg för bra kontrast mot vitt.

Avstånd mellan raderna

Bra radavstånd mot orginalavstånd

Ofta när det handlar om längre texter så kan jag inte längre hålla kvar mitt fokus på grund av att texten försvinner in i ett virr-varr. Radavståndet spelar stor roll när det handlar om längre texter. Att sätta för litet radavstånd till förhållande till textstorleken kan ha förödande konsekvenser. Praxis på webben nu för tiden brukar vara ca 140% radavstånd mot teckenstorleken, 10 teckenstorlek till 14 radavstånd och så vidare.

Sätter du line-height: 140%; på din brödtext är du oftast garderad mot problemet.