Tekstin asettelu ja rakenne
Tekstin asettelulla ja välistyksellä voidaan luoda sisällölle luonteva rytmi, joka helpottaa tekstin luettavuutta ja silmäiltävyyttä. Tasapainoisesti jäsennellyt tekstit luovat myös visuaalisesti miellyttävän vaikutelman.
Jäsentely
Kappaleiden pilkkomisella ja riittävällä väliotsikoinnilla voidaan varmistaa, että tieto on annosteltu käyttäjälle sopivissa erissä. Pitkät ja tiiviit tekstimassat ovat verkossa usein raskaslukuisia ja kognitiivisesti kuormittavia.
Verkossa julkaistavaa tekstiä ei tavuteta automaattisesti, koska suomenkielisen tekstin tavutus ei toimi kaikilla selaimilla(Avautuu uuteen välilehteen).
Välistykset
Otsikoiden ja tekstikappaleiden alapuolella käytetään pääsääntöisesti 24 pikselin (1.5rem) välistystä työpöytänäytöillä. Mobiilinäytöillä (< 576 px) välistys on 16 pikseliä (1rem).
Tekstirivien leveys kannattaa rajoittaa noin 80 merkkiin, jolloin tekstin luettavuus on parhaimmillaan.
Jätä otsikon yläpuolelle enemmän tilaa kuin otsikon alapuolelle.
Käytä johdonmukaisia välistysarvoja kappaleiden välillä.
Varmista sopusuhtainen riviväli. Liian ahdas tai väljä välistys heikentää tekstin luettavuutta.
Tekstin tasaus
Normaalissa tekstissä otsikot ja tekstikappaleet tasataan vasempaan reunaan, jolloin tekstiä on helppo lukea ja silmäillä.
Tasaa tekstikappaleet vasempaan reunaan. Älä sisennä tekstiä tarpeettomasti.
Tekstin korostaminen
Pääasiallisena korostuskeinona käytetään tekstin lihavointia, jos tiedon korostaminen on verkkopalvelun käyttäjän kannalta perusteltua.
Korostusta kannattaa soveltaa kuitenkin harkiten, jotta käyttäjän huomiosta kilpailevien elementtien määrä pysyy maltillisena.
Leipätekstin korostukseen ei käytetä alleviivausta, kursivointia, korostusväriä tai muita verkkoilmeestä poikkeavia tehokeinoja.
Käytä lihavointia säästeliäästi. Vältä pitkien virkkeiden lihavointia.
Käytä tekstin korostamiseen ainoastaan lihavointia. Älä korosta otsikoita.