Loetav kujundus kõigile: kontrast, teksti suurus ja ligipääsetavus
Hea loetavuse jaoks peaks teksti ja tausta kontrast olema vähemalt 4,5:1 (WCAG tase AA), suurte, alates 18 pt või alates 14 pt paksus kirjas pealkirjade puhul vähemalt 3:1. Eakatele ja nõrgenenud nägemisega inimestele seadke eesmärgiks 7:1. Trükis laduge voldiku või menüü põhitekst kirjasuuruses 10–12 pt (vanemale sihtrühmale 12–14 pt), väikesed lisamärkused mitte alla 6–7 pt ning bänneritel arvestage suurtähe kõrguseks umbes 1 cm iga meetri kohta, mille kauguselt kirja peab lugema.
Kujundus võib olla ilus, kuid kui klient ei suuda voldikult telefoninumbrit või menüüst hinda välja lugeda, reklaam ei tööta. Loetavus ei ole maitse küsimus, vaid mõne kontrollitava näitaja summa: kontrast, tähesuurus, kirjatüüp, värvid ja keel. Sellest juhendist leiate konkreetsed piirväärtused, mida kasutame trükifailide ettevalmistamisel, ning nõuanded, kuidas muuta kujundus mugavaks ka eakatele, nõrgenenud nägemisega ja värvinägemise häirega inimestele.
Milline teksti ja tausta kontrast on piisav?
Parim lähtepunkt on WCAG juhised ehk digitaalse sisu ligipääsetavuse rahvusvaheline standard. Kontrasti väljendatakse kahe värvi heleduse suhtena: alates 1:1 (sama värv) kuni 21:1 (must valgel). Kuigi WCAG loodi veebilehtede jaoks, toimivad samad piirväärtused hästi ka paberil, sest silm töötab samamoodi.
Suureks tekstiks loeb WCAG kirja alates 18 pt või alates 14 pt paksus kirjas. Nende puhul piisab madalamast kontrastist, sest paksemaid tähti on taustast lihtsam eristada. Väikest teksti, kontaktandmeid ja hindu käsitlege alati rangema lävendi järgi.
- Must valgel: 21:1, eeskujulik loetavus.
- Must kollasel: u 19,6:1, seepärast toimib see nii hästi viitadel ja märgistusel.
- Hall #767676 valgel: u 4,5:1 ehk kõige heledam hall, mis läbib AA lävendi.
- Punane #FF0000 valgel: u 4:1, väikese teksti jaoks liiga vähe.
- Valge helekollasel: u 1,1:1, praktiliselt loetamatu.
| Sisu liik | Tase AA (miinimum) | Tase AAA (soovitatav eakatele) |
|---|---|---|
| Tavatekst (alla 18 pt) | 4,5:1 | 7:1 |
| Suur tekst (alates 18 pt või 14 pt paksus kirjas) | 3:1 | 4,5:1 |
| Ikoonid, piktogrammid, diagrammide jooned | 3:1 | 3:1 |
Kuidas WCAG põhimõtteid trükis rakendada?
Kontrastikalkulaatorid arvutavad RGB- või HEX-väärtuste põhjal, trükikoda aga töötab CMYK-s. Kontrollige seega kontrasti oma värvide RGB-vastetega ja jätke varu, sest tulemus paberil sõltub trükimaterjalist. Kriitpaberita ja ökopaber imavad värvi ning tuhmistavad toone veidi, nii et tumedad taustad tulevad heledamad ja heledad toonid kaotavad oma erksuse.
Väike must tekst seadistage 100% K-na, ilma teiste värvide lisanditeta. Mitmevärviline must annab väikestes tähtedes juba minimaalse kokkusobitusnihke korral värvilised servad ja hägususe. Pöördteksti ehk tumedal taustal valge kirja laduge veidi suurema ja paksema kirjaga, sest taustavärv valgub kergelt peentesse joontesse.
- Ärge paigutage teksti otse paljude detailidega fotole; lisage poolläbipaistev pind või valige rahulik kohake.
- Lakitud või läikival pinnal peegeldub valgus teatud nurkade all; lambi all loetavate menüüde ja tahvlite puhul sobib paremini matt laminaat.
- Pöördteksti puhul vältige peenikeste joontega seriifkirju ja kirjasuurust alla 8 pt.
- Hall tekst ei tohiks trükis olla heledam kui umbes 60–70% musta valgel paberil; täpne piir sõltub kirjatüübist ja materjalist.
Teksti minimaalne suurus trükis
Kirjasuurust mõõdetakse trükipunktides: 1 pt on u 0,353 mm, seega 12 pt vastab umbes 4,2 mm kegli kõrgusele. Tähtede tegelik suurus sõltub siiski kirjatüübist, sest sama punktisuuruse juures on mõnel fondil väiketähed märksa kõrgemad kui teisel. Seetõttu käsitlege toodud vahemikke lähtepunktina ja hinnake alati prooviväljatrükki mõõtkavas 1:1.
Toidu etikettidele kehtivad lisaks ELi nõuded: kohustusliku teabe väiketähe x-kõrgus peab olema vähemalt 1,2 mm, pakenditel, mille suurim pind on alla 80 cm², vähemalt 0,9 mm.
| Toode | Pealkiri / kõige olulisem info | Põhitekst | Absoluutne miinimum |
|---|---|---|---|
| Visiitkaart 90×50 või 85×55 mm | ees- ja perekonnanimi 10–14 pt | kontaktandmed 7–9 pt | 6 pt |
| Voldik A6, A5, DL | 18–36 pt | 9–11 pt (eakatele 12 pt) | 7 pt |
| Menüü / hinnakiri A4, A5 | roogade nimetused 12–16 pt | kirjeldused 10–12 pt, hinnad min 11 pt | 8 pt |
| Plakat A3 | 60–120 pt | 14–20 pt | 12 pt |
| Plakat A2, A1 | 100–250 pt | 20–36 pt | 16 pt |
| Diplom A4 | nimi 24–48 pt | 12–16 pt | 10 pt |
| Ripphind / rippsilt | nimetus 10–16 pt | 7–9 pt | 6 pt |
Kui suured tähed peaksid olema bänneril, rullstendil ja sildil?
Suurformaatide puhul on määrav kaugus, kust kirja loetakse. Välireklaamis kasutatav praktiline rusikareegel on u 1 cm suurtähe kõrgust iga meetri kohta mugavast lugemiskaugusest. Paksu, lihtsa kirjatüübi ja suure kontrasti korral võite minna veidi väiksemaks, peenikese või dekoratiivse fondi puhul on vaja rohkem.
Bännerile ja rullstendile mahutage vähe teksti: möödujal on vaid mõni sekund. Piisab loosungist, ühest kasust ja kontaktist, ülejäänu jätke voldikusse.
| Kandja | Tavaline lugemiskaugus | Loosungi suurtähtede kõrgus | Kontaktandmete tähtede kõrgus |
|---|---|---|---|
| Rullstend 85×200 cm | 2–5 m | 6–12 cm | 2,5–4 cm |
| Silt laiusega 100–120 cm | 5–15 m | 8–15 cm | 3–6 cm |
| Aiabänner 300×100 cm | 10–20 m | 15–25 cm | 8–12 cm |
| Bänner 500×100 cm tee ääres | 20–30 m | 25–35 cm | 12–18 cm |
Kujundus eakatele ja nõrgenenud nägemisega inimestele
Vanusega vajab silm rohkem valgust ja eristab sarnaseid toone halvemini, lääts aga kolletub, mistõttu kahvatusinised ja helehallid kirjad sulavad taustaga kokku. Selle sihtrühma jaoks tõstke põhitekst 12–14 punktini ja seadke kontrasti eesmärgiks 7:1. Sama aitab nõrgenenud nägemisega inimesi ja kõiki, kes loevad hämaras.
Kirjatüüp on sama oluline kui suurus. Valige avatud vormidega, selgelt eristuvate märkidega (I, l, 1 ning O, 0) ja keskmise joonepaksusega fonte.
- Vältige infotekstis peenikesi (light, thin), kitsendatud ja dekoratiivseid käsikirjalisi kirjatüüpe.
- Reavahe 120–150% kirjasuurusest ehk 12 pt kirja puhul u 14,5–18 pt.
- Vasakjoondus rööpjoonduse asemel, mis tekitab sõnade vahele ebaühtlasi tühikuid.
- Rea pikkus u 45–75 tähemärki; pikemad read väsitavad silma.
- Suurtähti kasutage ainult lühikestes loosungites, mitte lõikudes.
- Rühmitage telefoninumber plokkideks, nt 5123 4567, ja andke sellele selgelt nähtav koht.
Värvipimedus: ärge tuginege ainult värvile
Värvinägemise häired puudutavad peamiselt mehi ning kõige sagedamini aetakse segi punast ja rohelist. Sellise häirega inimene näeb värve, kuid paarid punane–roheline või pruun–roheline võivad paista peaaegu ühesugused. Probleem ei ole seega värvis endas, vaid teabes, mida edastatakse ainult värviga.
Lihtsaim test: teisendage kujundus halltoonidesse. Kui pealkiri, hind või märgistus eristub endiselt, on kujundus turvaline. Graafikaprogrammides on ka värvipimedust simuleeriv eelvaade, nt värviproovi (soft proof) seadetes.
- Ärge pange punast teksti rohelisele taustale ega vastupidi.
- Täiendage menüü märgistusi (vegan, vürtsikas, gluteenivaba) ikooni või lühendiga, mitte ainult värviga.
- Tõstke soodushind esile ka suuruse, paksu kirja või raamiga.
- Lisage diagrammidele ja kaartidele selgitused, mustrid või erineva kujuga tähised.
- Turvalised kombinatsioonid on tumesinine kollasega ning sinine oranžiga, eeldusel, et nende heledus erineb.
Lihtsad sõnad ja kujunduse kontroll enne trükki
Loetavus on ka keel. Lühikesed laused, tuttavad sõnad ja üks põhisõnum kandja kohta tagavad, et teksti mõistab igaüks, ka inimene, kes loeb endale võõras keeles. Kirjutage tegumoes: „tellimuste täitmine toimub” asemel kirjutage „täidame tellimused”, ning esitage arvud, kellaajad ja hinnad numbritega.
Enne trükki printige kujundus tavalisel printeril mõõtkavas 1:1 ja lugege seda kauguselt, kust seda hakatakse vaatama. Kui tellite kujunduse plakaty.shop-ist (wielkareklama.eu studio), kontrollitakse tekste automaatselt, kuid telefoninumbrid, aadressid ja lahtiolekuajad lugege alati ise üle.
- Üks mõte ühes lauses, soovitatavalt kuni u 15 sõna.
- Kasutage valdkonna lühendite asemel täielikke ja üldtuntud sõnu.
- Kõige olulisem info üles, üksikasjad allapoole.
- Selge üleskutse tegutsemiseks: helistage, külastage, tellige.
Kontrollnimekiri
- Teksti ja tausta kontrast min 4,5:1, suurte kirjade puhul min 3:1
- Põhitekst min 10 pt, eakatele 12–14 pt
- Väike must tekst seadistatud 100% K-na
- Teksti ei ole foto kirjul alal
- Kujundus on loetav ka pärast halltoonidesse teisendamist
- Värviga tähistatud infol on ka ikoon või selgitus
- Bänneri tähtede kõrgus vastab lugemiskaugusele
- Lühikesed laused ja üks põhisõnum
- Kõik tekstid, telefoninumbrid ja aadressid on isiklikult üle loetud
Korduma kippuvad küsimused
Milline teksti kontrast vastab WCAG-le?
Tase AA nõuab tavateksti puhul vähemalt 4,5:1 ja suure teksti ehk alates 18 pt või 14 pt paksus kirjas teksti puhul 3:1 kontrasti. Tase AAA tõstab need väärtused 7:1 ja 4,5:1 peale. Trükis tasub jätta varu, sest paber ja värv võivad kontrasti vähendada.
Milline on voldiku minimaalne kirjasuurus?
Laduge voldiku põhitekst kirjasuuruses 9–11 pt, eakamale sihtrühmale 12 pt. Väikesed lisamärkused, nt kampaania tingimused, ei tohiks olla väiksemad kui 7 pt. Lõpliku hinnangu andke prooviväljatrüki põhjal mõõtkavas 1:1, sest erinevad kirjatüübid näevad sama suuruse juures erinevad välja.
Kui suured peavad tähed bänneril olema, et neid kaugelt näha?
Arvestage u 1 cm suurtähe kõrgust iga meetri kohta, mille kauguselt kirja peab lugema. 20 m kauguselt vaadatava bänneri loosung peaks olema u 20 cm kõrge. Paks, lihtne kirjatüüp ja suur kontrast parandavad loetavust rohkem kui pelgalt tähtede suurendamine.
Milliseid värve vältida värvipimeduse tõttu?
Kõige riskantsemad on paarid punane–roheline, roheline–pruun ning sarnase heledusega sinine–lilla. Oluline on, et värvid erineksid heleduse poolest ja et teavet ei edastataks ainult värviga. Kontrollige kujundust halltoonides või värvipimeduse simulaatoriga.
Milline kirjatüüp on eakatele kõige loetavam?
Kõige paremini sobivad keskmise joonepaksusega, avatud tähevormide ja selgelt eristuvate märkidega (nt I, l ja 1) seriifita või seriifkirjad. Vältige peenikesi, kitsendatud ja dekoratiivseid fonte. Seadke põhitekst 12–14 pt suuruseks ja reavahe 120–150% peale.


