Luettava suunnittelu kaikille: kontrasti, tekstikoko ja saavutettavuus
Hyvän luettavuuden saavuttamiseksi tekstin ja taustan kontrastin tulee olla vähintään 4,5:1 (WCAG:n AA-taso). Suurissa teksteissä, eli 18 pt:n tai 14 pt:n lihavoidussa tekstissä, riittää vähintään 3:1. Ikäihmisille ja heikkonäköisille kannattaa tavoitella kontrastia 7:1. Painotuotteissa esitteen tai ruokalistan leipäteksti ladotaan 10–12 pt:n kokoon (iäkkäämmälle kohderyhmälle 12–14 pt) eikä pienikään lisäteksti saa olla alle 6–7 pt. Bannereissa nyrkkisääntö on noin 1 cm versaalikorkeutta jokaista lukuetäisyyden metriä kohden.
Ulkoasu voi olla kaunis, mutta jos asiakas ei saa esitteestä selvää puhelinnumeroa tai ruokalistasta hintaa, mainos ei toimi. Luettavuus ei ole makuasia, vaan muutama mitattava tekijä: kontrasti, kirjainkoko, kirjaintyyppi, värit ja kieli. Tästä oppaasta löydät tarkat raja-arvot, joita käytämme painoaineistoja valmistellessa, sekä keinot tehdä painotuotteesta helppolukuinen myös ikäihmisille, heikkonäköisille ja värinäön häiriöistä kärsiville.
Mikä kontrasti tekstin ja taustan välillä riittää?
Paras vertailukohta on WCAG-ohjeistus, kansainvälinen digitaalisen sisällön saavutettavuusstandardi. Kontrasti ilmoitetaan kahden värin kirkkauksien suhteena: 1:1 (sama väri) – 21:1 (musta valkoisella). Vaikka WCAG on laadittu verkkosivuille, samat raja-arvot toimivat hyvin myös paperilla, koska silmä toimii samalla tavalla.
WCAG:n mukaan suurta tekstiä on vähintään 18 pt:n tai lihavoituna vähintään 14 pt:n teksti. Siinä riittää matalampi kontrasti, koska paksummat kirjaimet erottuvat taustasta helpommin. Pienet tekstit, yhteystiedot ja hinnat kannattaa aina mitoittaa tiukemman raja-arvon mukaan.
- Musta valkoisella: 21:1, esimerkillinen luettavuus.
- Musta keltaisella: n. 19,6:1, siksi yhdistelmä toimii niin hyvin opasteissa.
- Harmaa #767676 valkoisella: n. 4,5:1, eli vaalein harmaa, joka ylittää AA-tason.
- Punainen #FF0000 valkoisella: n. 4:1, liian vähän pienelle tekstille.
- Valkoinen vaaleankeltaisella: n. 1,1:1, käytännössä lukukelvoton.
| Sisältötyyppi | AA-taso (vähimmäisvaatimus) | AAA-taso (suositus ikäihmisille) |
|---|---|---|
| Tavallinen teksti (alle 18 pt) | 4,5:1 | 7:1 |
| Suuri teksti (vähintään 18 pt tai 14 pt lihavoituna) | 3:1 | 4,5:1 |
| Kuvakkeet, piktogrammit, kaavioiden viivat | 3:1 | 3:1 |
Miten WCAG-periaatteet siirretään painotuotteisiin?
Kontrastilaskurit laskevat RGB- tai HEX-arvoista, mutta painossa työskennellään CMYK-väreillä. Tarkista siis kontrasti värien RGB-vastineista ja jätä varmuusmarginaalia, sillä lopputulos paperilla riippuu painoalustasta. Päällystämätön ja ekopaperi imee väriä ja himmentää sävyjä hieman, joten tummat taustat painuvat vaaleampina ja vaaleat sävyt menettävät tehoaan.
Määritä pieni musta teksti 100 % K:ksi ilman muiden värien sekoitusta. Moniväriseen mustaan ladottu pieni teksti saa pienestäkin kohdistusvirheestä värillisiä reunoja ja sumeutta. Negatiivinen teksti eli valkoinen tummalla taustalla kannattaa latoa hieman suuremmaksi ja lihavammalla leikkauksella, koska taustan väri leviää ohuiden viivojen päälle.
- Älä sijoita tekstiä suoraan yksityiskohtaiseen valokuvaan; lisää puoliläpinäkyvä pohjapinta tai valitse kuvasta rauhallinen kohta.
- Lakatulla tai kiiltävällä pinnalla valo heijastuu tietyissä kulmissa; lampun alla luettavissa ruokalistoissa ja tauluissa mattalaminointi toimii paremmin.
- Vältä negatiivisessa tekstissä ohutviivaisia antiikvoja ja alle 8 pt:n kokoa.
- Harmaa teksti ei painossa saa olla valkoisella paperilla vaaleampaa kuin noin 60–70 % mustaa; tarkka raja riippuu kirjaintyypistä ja painoalustasta.
Tekstin vähimmäiskoko painotuotteissa
Kirjasinkoko ilmoitetaan typografisina pisteinä: 1 pt on n. 0,353 mm, joten 12 pt vastaa n. 4,2 mm:n kirjasinkorkeutta. Kirjainten todellinen koko riippuu kuitenkin kirjaintyypistä, sillä samalla pistekoolla joidenkin fonttien gemenat ovat selvästi korkeampia kuin toisten. Pidä siksi alla olevia vaihteluvälejä lähtökohtana ja arvioi aina koevedos mittakaavassa 1:1.
Elintarvikepakkausmerkinnöissä on lisäksi noudatettava EU-lainsäädäntöä: pakollisten tietojen x-korkeuden on oltava vähintään 1,2 mm, ja pakkauksissa, joiden suurin pinta on alle 80 cm², vähintään 0,9 mm.
| Tuote | Otsikko / tärkein tieto | Leipäteksti | Ehdoton minimi |
|---|---|---|---|
| Käyntikortti 85×55 tai 90×50 mm | nimi 10–14 pt | yhteystiedot 7–9 pt | 6 pt |
| Esite A6, A5, DL | 18–36 pt | 9–11 pt (ikäihmiset 12 pt) | 7 pt |
| Ruokalista / hinnasto A4, A5 | ruokien nimet 12–16 pt | kuvaukset 10–12 pt, hinnat väh. 11 pt | 8 pt |
| Juliste A3 | 60–120 pt | 14–20 pt | 12 pt |
| Juliste A2, A1 | 100–250 pt | 20–36 pt | 16 pt |
| Kunniakirja A4 | nimi 24–48 pt | 12–16 pt | 10 pt |
| Hintalappu / riippulappu | nimi 10–16 pt | 7–9 pt | 6 pt |
Kuinka suuret kirjaimet banneriin, roll-upiin ja kylttiin?
Suurkuvatulosteissa ratkaisevaa on etäisyys, jolta tekstiä luetaan. Ulkomainonnassa käytetty käytännön nyrkkisääntö on n. 1 cm versaalikorkeutta jokaista mukavan lukuetäisyyden metriä kohden. Paksulla, selkeällä kirjaintyypillä ja suurella kontrastilla voi mennä hieman alemmas, ohuella tai koristeellisella fontilla tarvitaan enemmän.
Banneriin ja roll-upiin kannattaa laittaa vähän tekstiä: ohikulkijalla on muutama sekunti aikaa. Iskulause, yksi hyöty ja yhteystiedot riittävät, loput voi kertoa esitteessä.
| Materiaali | Tyypillinen lukuetäisyys | Iskulauseen versaalikorkeus | Yhteystietojen kirjainkorkeus |
|---|---|---|---|
| Roll-up 85×200 cm | 2–5 m | 6–12 cm | 2,5–4 cm |
| Kyltti, leveys 100–120 cm | 5–15 m | 8–15 cm | 3–6 cm |
| Aitabanneri 300×100 cm | 10–20 m | 15–25 cm | 8–12 cm |
| Tienvarsibanneri 500×100 cm | 20–30 m | 25–35 cm | 12–18 cm |
Suunnittelu ikäihmisille ja heikkonäköisille
Iän myötä silmä tarvitsee enemmän valoa ja erottaa lähisävyjä huonommin, ja silmän mykiö kellastuu, jolloin vaaleansiniset ja vaaleanharmaat tekstit sulautuvat taustaan. Tälle kohderyhmälle leipätekstin koko kannattaa nostaa 12–14 pt:iin ja tavoitella kontrastia 7:1. Sama auttaa heikkonäköisiä ja ketä tahansa, joka lukee hämärässä.
Kirjaintyyppi on yhtä tärkeä kuin koko. Valitse fontteja, joissa on avoimet muodot, selvästi toisistaan erottuvat merkit (I, l, 1 sekä O, 0) ja keskivahva viiva.
- Vältä informatiivisessa tekstissä ohuita (light, thin), kapeita (condensed) ja koristeellisia käsialafontteja.
- Riviväli 120–150 % kirjasinkoosta, eli 12 pt:n tekstissä n. 14,5–18 pt.
- Tasaus vasemmalle palstatasauksen sijaan, sillä palstatasaus tekee sanaväleistä epätasaisia.
- Rivin pituus n. 45–75 merkkiä; pidemmät rivit väsyttävät silmää.
- Versaaleja vain lyhyissä iskulauseissa, ei kappaleissa.
- Ryhmittele puhelinnumero osiin, esim. 040 123 4567, ja anna sille selkeä oma paikkansa.
Värisokeus: älä luota pelkkään väriin
Värinäön häiriöt koskevat pääasiassa miehiä, ja yleisin niistä on punaisen ja vihreän sekoittaminen. Värinäön häiriöstä kärsivä näkee värit, mutta parit punainen–vihreä tai ruskea–vihreä voivat näyttää lähes samanlaisilta. Ongelma ei siis ole väri sinänsä, vaan tieto, joka välitetään pelkällä värillä.
Yksinkertaisin testi: muunna taitto harmaasävyiseksi. Jos otsikko, hinta tai merkintä erottuu edelleen, ratkaisu on turvallinen. Graafisissa ohjelmissa on myös värisokeutta simuloiva esikatselu, esimerkiksi vedosvärien asetuksissa.
- Älä laita punaista tekstiä vihreälle taustalle tai päinvastoin.
- Täydennä ruokalistan merkinnät (vegaaninen, tulinen, gluteeniton) kuvakkeella tai lyhenteellä, älä käytä pelkkää väriä.
- Korosta tarjoushintaa myös koolla, lihavoinnilla tai kehyksellä.
- Lisää kaavioihin ja karttoihin selitteet, kuviot tai erimuotoiset merkit.
- Turvallisia yhdistelmiä ovat tummansininen ja keltainen sekä sininen ja oranssi, kunhan niiden kirkkaus eroaa selvästi.
Selkeä kieli ja painotuotteen tarkistus ennen painoa
Luettavuus on myös kieltä. Lyhyet lauseet, tutut sanat ja yksi pääviesti materiaalia kohden tekevät tekstistä kaikille ymmärrettävän, myös sille, joka lukee itselleen vierasta kieltä. Kirjoita aktiivissa: kirjoita ”toimitamme tilaukset” eikä ”tilausten toimitus tapahtuu”, ja ilmoita luvut, kellonajat ja hinnat numeroina.
Tulosta taitto ennen painoa tavallisella tulostimella mittakaavassa 1:1 ja lue se siltä etäisyydeltä, jolta sitä tullaan katsomaan. Jos tilaat suunnittelun plakaty.shopista (wielkareklama.eu studio), tekstit tarkistetaan automaattisesti, mutta lue puhelinnumerot, osoitteet ja aukioloajat aina itse.
- Yksi ajatus yhdessä lauseessa, mieluiten enintään n. 15 sanaa.
- Käytä alan lyhenteiden sijaan kokonaisia, arkikielen sanoja.
- Tärkein tieto ylös, yksityiskohdat alemmas.
- Selkeä toimintakehotus: soita, tule käymään, tilaa.
Tarkistuslista
- Tekstin ja taustan kontrasti väh. 4,5:1, suurissa teksteissä väh. 3:1
- Leipäteksti väh. 10 pt, ikäihmisille 12–14 pt
- Pieni musta teksti määritetty 100 % K:ksi
- Ei tekstiä valokuvan levottomassa kohdassa
- Taitto luettava harmaasävymuunnoksen jälkeen
- Värillä merkityillä tiedoilla on myös kuvake tai seliteteksti
- Bannerin kirjainkorkeus mitoitettu lukuetäisyyden mukaan
- Lyhyet lauseet ja yksi pääviesti
- Kaikki tekstit, puhelinnumerot ja osoitteet luettu itse
Usein kysyttyä
Mikä tekstin kontrasti täyttää WCAG-vaatimukset?
AA-taso edellyttää vähintään 4,5:1 kontrastia tavalliselle tekstille ja 3:1 suurelle tekstille, eli vähintään 18 pt:n tai 14 pt:n lihavoidulle tekstille. AAA-taso nostaa arvot 7:1:een ja 4,5:1:een. Painotuotteissa kannattaa jättää varmuusmarginaalia, koska paperi ja painoväri voivat heikentää kontrastia.
Mikä on esitteen pienin sallittu kirjasinkoko?
Esitteen leipäteksti ladotaan 9–11 pt:n kokoon, ja jos kohderyhmänä ovat ikäihmiset, 12 pt:iin. Pienet lisätekstit, kuten tarjouksen ehdot, eivät saa olla alle 7 pt. Tee lopullinen arvio koevedoksesta mittakaavassa 1:1, sillä eri kirjaintyypit näyttävät samalla koolla erilaisilta.
Kuinka suuret kirjaimet banneriin, jotta ne näkyvät kauas?
Laske n. 1 cm versaalikorkeutta jokaista metriä kohden siitä etäisyydestä, jolta tekstiä luetaan. 20 metrin päästä katsottavassa bannerissa iskulauseen korkeuden tulisi olla n. 20 cm. Paksu, selkeä kirjaintyyppi ja suuri kontrasti parantavat luettavuutta enemmän kuin pelkkä kirjainten suurentaminen.
Mitä värejä kannattaa välttää värisokeuden vuoksi?
Riskialttiimpia ovat parit punainen–vihreä, vihreä–ruskea sekä sininen–violetti, jos niiden kirkkaus on samankaltainen. Tärkeintä on, että värit eroavat kirkkaudeltaan ja ettei tietoa välitetä pelkällä värillä. Tarkista taitto harmaasävyisenä tai värisokeussimulaattorilla.
Mikä fontti on ikäihmisille helpoin lukea?
Parhaiten toimivat groteskit tai antiikvat, joissa on keskivahva viiva, avoimet kirjainmuodot ja selvästi toisistaan erottuvat merkit, kuten I, l ja 1. Vältä ohuita, kapeita ja koristeellisia fontteja. Aseta leipätekstin kooksi 12–14 pt ja riviväliksi 120–150 %.


