Kodulehe tekstide loetavuse tagab õige reavahe

Kodulehe testide esitamine halvasti loetavalt on kõige parem näide lihtsast asjast, mida tehakse veebis järjepidevalt halvasti. Tekstide loetavuse tagamiseks veebis pole vaja teha ei midagi enamat, kui:

• valida sobiv kirjastiil
• valida õige tekstisuurus, veeru laius ja reavahe
• anda sisule piisavalt hingamisruumi

Keskendun siin eelkõige teisele punktile, kuivõrd see on sisu loetavuse kõige määravam kriteerium. Seda muidugi eeldusel, et Sa ei kasuta veebis mõnd jubedat serif-fonti ja usud, et tumeda teksti esitamine heledal taustal on tavaliselt hea mõte.

Optimaalne reavahe

Milline reavahe valida? See sõltub:

• tekstisuurusest
• teksti pikkusest
• veeru laiusest

Üht-teist määravad ka fondispetsiifilised omadused, kuid üldjuhul võib öelda – mida pikem tekst ja/või laiem veerg, seda suurem peaks olema reavahe – nii on lugemine lihtsam, tekst arusaadavam, silmal lihtsam järge pidada.

Kumb tekstilõik on paremini loetav?

Vabariigi juubeliaasta on läbi saanud. Otsad tõmmati kokku eile õhtul toimunud piduliku kontserdiga, millele järgnes seltskondlik koosviibimine, kuhu oli kutsutud tuhat inimest. Meisterkokad töötasid enesele puhkust lubamata ning tänu sellele oli igale matsile ette nähtud kaksteist soolast ja viis magusat suupistet.

vs

Vabariigi juubeliaasta on läbi saanud. Otsad tõmmati kokku eile õhtul toimunud piduliku kontserdiga, millele järgnes seltskondlik koosviibimine, kuhu oli kutsutud tuhat inimest. Meisterkokad töötasid enesele puhkust lubamata ning tänu sellele oli igale matsile ette nähtud kaksteist soolast ja viis magusat suupistet.

Aitäh siinjuures Andrus Kivirähule.

Loetavuse parandamine kodulehel on ju lihtne

Just! Kui Sulle tundub, et Sinu veebilehe sisu ei ole hästi loetav, muuda tekstide reavahe 1.5 kordseks. Kui erinevus on sama kontrastne, nagu ülaltoodud näites, oled muutnud oma kodulehe oluliselt paremaks.

Mis on veel loetavuse juures oluline?

• Ära pelga tühja ruumi – jälgi, et tekstid ei jookseks otsa piltidele, tabelitele või kujunduselementidele.
• Mõni kasutaja tahab ise teksti suurust muuta – anna talle see võimalus.
• Liigenda tekste. Mida pikem tekst, seda väiksemat osa sellest loetakse. Kasuta pealkirju ning rõhuta olulisemat.