Tipografija ir skaitymo įpročiai 24 ES kalbose: šrifto pasirinkimas, didinantis skaitomumą ir pasitikėjimą

Tipografijos pagrindai daugiakalbiams projektams

Tipografija yra daugiau nei tik gražaus šrifto pasirinkimas. Ji daro įtaką skaitomumui, taigi ir tam, kaip vartotojai suvokia jūsų turinį. Daugiakalbiuose projektuose iškyla keletas iššūkių: skirtingoms abėcėlėms reikalingos specifinės šriftų šeimos, eilučių tarpai ir kontrastai. Netinkama tipografija gali sumažinti suprantamumą ir susilpninti pasitikėjimą jūsų prekės ženklu.

Atkreipkite dėmesį į šriftus, palaikančius kelias rašto sistemas. Daugelis įprastų šriftų, tokių kaip Open Sans ar Noto, apima lotynų, kirilicą ir graikų kalbą. Kalbose su diakritiniais ženklais (pvz., lenkų, čekų) akcentai turi būti aiškiai atpažįstami. Išbandykite atvaizdavimą įvairaus dydžio ekranuose. Dažna klaida – naudoti vienai kalbai optimizuotą šriftą, kuris kitose kalbose sukelia spragas ar nešvarius simbolius. Todėl kiekvieną kalbos variantą tikrinkite atskirai.

Eilučių ilgis ir tarpai tarp eilučių turėtų būti pritaikyti pagal kalbą. Pavyzdžiui, kalboms su daug ilgų žodžių (pvz., vokiečių) reikia didesnio eilutės pločio ar šiek tiek didesnių tarpų, kad būtų išlaikytas skaitomumas. Kalboms su siaurais simboliais, kaip anglų, dažnai pakanka standartinių tarpų. 1,4–1,6 eilučių tarpas (pagal šrifto dydį) yra geras atskaitos taškas. Koreguokite pagal šriftą ir kalbą. Venkite per daug suspaustų ar per daug išdėstytų eilučių.

Kontrastas yra labai svarbus: tamsus šriftas šviesiame fone yra geriausias pasirinkimas daugumai kalbų. Užtikrinkite pakankamą kontrasto santykį (bent 4,5:1 įprastam tekstui). Išbandykite tai visiems kalbų variantams, nes šrifto storiai gali skirtis. Praktikoje patikrintos 5:1 ar didesnės vertės. Nenaudokite grafikos ar šešėlių, kurie pablogintų skaitomumą. Nuoseklios tipografijos gairės visoms kalboms padės išvengti nukrypimų.

Teisinė pastaba: Pateiktos rekomendacijos nepakeičia individualios teisinės konsultacijos, ypač dėl prieinamumo reikalavimų (pvz., WCAG gairių). Dėl konkretaus įgyvendinimo kreipkitės į advokatą.

24 ES kalbos: abėcėlės, rašto sistemos ir ypatumai

24 oficialiosios ES kalbos daugiausia naudoja lotynišką abėcėlę, bet taip pat graikišką ir kirilicos. Be to, yra specialiųjų ženklų, diakritinių ženklų ir ligatūrų, į kuriuos reikia atsižvelgti norint tinkamai atvaizduoti. Lotyniška abėcėlė vartojama daugelyje ES kalbų, tačiau su kalbai būdingais papildymais: lenkų kalba turi nosines balses (ą, ę), čekų ir slovakų kalbose naudojamas paukščiukas (č, š, ž), prancūzų kalboje – akcentai (é, è, ê). Kroatų ir serbų (kirilica) kalbos yra atskiri atvejai.

Graikiška abėcėlė vartojama Graikijoje ir Kipre. Ją sudaro 24 raidės, kai kurios su diakritiniais ženklais (akcentais, spiritusais). Šrifto dydis ir eilučių tarpai turėtų būti pritaikyti graikiškiems ženklams, nes jie dažnai skiriasi ilgiu. Kirilica naudojama Bulgarijoje. Ji turi 30 raidžių, kurios iš dalies labai skiriasi. Daugelyje lotyniškų šriftų nėra kirilicos glifų; todėl atkreipkite dėmesį į tokias šriftų šeimas kaip Noto Sans ar PT Sans, kurios apima abu raštus.

Ypatumai: vokiečių kalboje naudojami umlautai (ä, ö, ü) ir ß; lenkų ir čekų kalbose gausu diakritinių ženklų. Vengrų kalba turi savo ženklus, pvz., ő, ű. Maltos kalba naudoja raides su taškais (ċ, ġ, ħ) ir yra vienintelė semitų kalba su lotyniška abėcėle. Airių kalba vartoja akcentus (fada). Rumunų kalba turi ș, ț. Visiems šiems ženklams šriftas turi turėti atitinkamus glifus.

Praktinė rekomendacija: kiekvienai kalbai sudarykite reikalingų ženklų sąrašą. Patikrinkite, ar šriftas visiškai juos apima. Venkite šriftų, kurie palaiko tik pagrindinius ženklus, nes kitaip atsiras klaidos simboliai (tofu). Naudokite internetinių šriftų paslaugas arba sistemos šriftus su plačia aprėptimi. Išbandykite atvaizdavimą visose naršyklėse ir operacinėse sistemose. Vienoda tipografija visoms kalbų versijoms palengvina priežiūrą ir užtikrina nuoseklų prekės ženklo įvaizdį.

Pastaba: teisiniai tipografijos reikalavimai skiriasi priklausomai nuo šalies; kilus klausimų dėl prieinamumo ar ženklinimo prievolių, kreipkitės į teisės ekspertą.

Skaitymo kryptis ir teksto lygiavimas iš kairės į dešinę iki arabų kalbos

Dauguma ES kalbų rašomos iš kairės į dešinę (LTR). Anglų, vokiečių, prancūzų ir kt. laikosi šios krypties. Teksto lygiavimas paprastai yra kairysis, nes tai yra palankiausia skaitymui LTR kalbose. Lygiavimas pagal abi puses gali sukelti nepageidaujamus tarpus tarp žodžių, todėl reikėtų naudoti kairįjį lygiavimą arba kėlimą brūkšneliu. LTR kalbose pirmosios eilutės įtrauka yra standartinis naujų pastraipų ženklas.

Ypatingas iššūkis yra arabų raštas, rašomas iš dešinės į kairę (RTL). Arabų kalba Maltoje nenaudojama, tačiau dėl migracijos ir buvimo internete ji gali būti aktuali. ES institucijos taip pat verčia į arabų kalbą. RTL tekstui reikalingas veidrodinis išdėstymas: maketas turi būti sudarytas iš dešinės į kairę. Antraštės, sąrašai, meniu ir simboliai turi būti atitinkamai pritaikyti. Skaitmenys ir skaičiai arabų kalbos tekstuose dažnai rašomi LTR kryptimi (iš kairės į dešinę). Arabų kalbos šriftas turi būti kursyvinis ir jungiamas, kad būtų įskaitomas.

Kitų ES RTL kalbų nėra, tačiau hebrajų kalba naudojama tam tikruose kontekstuose. RTL tekstams taikoma: teksto lygiavimas turėtų būti dešinysis. Lygiavimas pagal abi puses yra sudėtingesnis, nes lūžis vyksta iš dešinės. Kėlimas brūkšneliu arabų kalboje skiriasi nuo lotyniško. Naudokite specialius RTL stiliaus lapus ir išbandykite atvaizdavimą naršyklėse. Daugelis CSS sistemų palaiko RTL, tačiau tipografiją reikia pritaikyti individualiai. Atkreipkite dėmesį į šriftus, kurie teisingai atvaizduoja arabų kalbą (pvz., Noto Naskh Arabic, Amiri).

Praktinė rekomendacija: kiekvienai naudojamai skaitymo krypčiai apibrėžkite atskiras CSS klases. RTL konteineriams naudokite HTML atributą dir="rtl". Patikrinkite datų, skaičių ir telefono numerių lygiavimą. Dažna klaida yra LTR ir RTL turinio maišymas viename bloke – griežtai juos atskirkite. Išbandykite skaitomumą su gimtakalbiais. Nuoseklus LTR/RTL valdymas pagerina vartotojo patirtį ir užkerta kelią painiavai.

Teisinė pastaba: čia pateikta informacija nepakeičia teisinės konsultacijos. Leiskite specialistui patikrinti jūsų maketo atitiktį atitinkamoms ES prieinamumo gairėms.

Šriftų pasirinkimas: serifiniai, be serifų ir specialūs šriftai

Šrifto pasirinkimas iš esmės veikia skaitomumą ir vartotojų pasitikėjimą. 24 ES kalboms turite užtikrinti, kad pasirinktas šriftas apimtų visus reikiamus simbolius ir glifus. Praktika rodo, kad geriausias pasirinkimas yra šriftai, turintys platų simbolių palaikymą, pvz., „OpenType“ šriftai su lotyniškais, graikiškais, kirilicos ir arabiškais rašmenimis. Lotyniškais rašmenimis pagrįstoms kalboms (vokiečių, prancūzų, ispanų ir kt.) tinka tiek serifiniai, tiek be serifų šriftai. Serifai, remiantis patirtimi, pagerina skaitomumą tęstiniame tekste, ypač ilgesniuose tekstuose, o be serifų šriftai dažnai geriau atrodo antraštėse ir trumpuose teksto fragmentuose ekrane.

Lemiamas veiksnys yra specialiųjų simbolių aprėptis. Vokiečių kalbai reikia umliautų (ä, ö, ü) ir ß; lenkų kalboje atsiranda papildomų diakritinių ženklų (ą, ć, ę, ł, ń, ó, ś, ź, ż). Čekų ir slovakų kalboms reikalingi kabliukai ir kirčiai. Įsitikinkite, kad šriftas visus šiuos simbolius pateikia harmoningai. Graikų kalbai reikalingas šriftas, tinkamai atvaizduojantis tiek graikų abėcėlę, tiek istorinius diakritinius ženklus (politoninę sistemą). Kirilicos kalboms (bulgarų, rusų) svarbu atskirti panašias raides, tokias kaip „ш“ ir „щ“ arba „и“ ir „й“.

Kalboms, kurios nenaudoja lotyniško rašto, pvz., arabų (oficialiai Maltoje? Ne, arabų nėra ES oficialioji kalba, bet kaip mažumos kalba aktuali – čia sutelkiame dėmesį į 24 ES oficialiąsias kalbas, kurios visos vartoja lotynišką, graikišką ar kirilicos raštą) – ypatinga yra airių kalba su savo atskiru raštu (gėlų šriftas), kuris praktikoje vis dažniau keičiamas lotynišku šriftu. Todėl rinkitės šriftus, kurie užtikrina atitinkamos kalbos palaikymą. Venkite šriftų, apimančių tik standartinį lotynišką rinkinį, nes tai gali sukelti neįskaitomus simbolius (vadinamąjį „tofu“). Rekomenduojama naudoti šriftų šeimas, tokias kaip „Noto“ ar „Source Sans“, kurios buvo specialiai sukurtos daugiakalbiams projektams.

Rekomendacija: prieš naudodami šriftą patikrinkite reikiamų rašmenų aprėptį naudodami įrankius, tokius kaip „Google Fonts Glyph Check“ ar „Fontdrop“. Nustatykite atsarginę strategiją: jei pirminiame šrifte nėra simbolio, naršyklė turėtų naudoti sistemos šriftą. Išbandykite skaitomumą visomis tikslinėmis kalbomis, ypač kai diakritiniai ženklai derinami su siauromis raidėmis. Profesionali lokalizacijos paslauga gali padėti pasirinkti.

Eilučių tarpas ir tarpas tarp raidžių: optimizavimas skirtingoms abėcėlėms

Eilučių tarpas (išstūmimas) ir tarpas tarp raidžių (sekimo) yra labai svarbūs skaitomumui – ypač daugiakalbėje aplinkoje. Lotyniškiems rašmenims praktikoje patvirtintas 1,4–1,6 eilučių tarpas (140–160 % šrifto dydžio). Šriftams su dideliais viršutiniais ir apatiniais elementais, pvz., vokiečių kalboje su daugybe didžiųjų raidžių, gali būti naudingas šiek tiek didesnis tarpas. Graikų kalbai, kuri atrodo kompaktiškiau, remiantis patirtimi, pakanka 1,3–1,5 eilučių tarpo. Kirilicos rašmenims, kurie panašios struktūros kaip lotyniški, galite taikyti tas pačias vertes, tačiau turėtumėte patikrinti šnypščiamųjų garsų ir ligatūrų skaitomumą.

Tarpas tarp raidžių tęstiniame tekste turėtų būti apie 0–5 % šrifto dydžio. Neigiamas tarpas tarp raidžių (sekimo) gali pabloginti skaitomumą, ypač esant diakritiniams ženklams. Kalboms, turinčioms daug diakritinių ženklų, tokioms kaip čekų ar lenkų, rekomenduojamas šiek tiek didesnis tarpas tarp raidžių (3–5 %), kad simboliai nesusilietų. Graikų tekstuose su kirteliais ar kirilicos tekstuose su minkštaisiais/kietaisiais ženklais taip pat turėtumėte išbandyti šiek tiek padidintą tarpą.

Ypatingas atvejis yra skaitymo kryptis: pateiktos rekomendacijos taikomos rašmenims, skaitomiems iš kairės į dešinę. Kalboms, kurios skaitomos iš dešinės į kairę (arabų nėra ES oficialioji kalba, bet aktuali Maltai? Maltiečių kalba vartoja lotynišką raštą – todėl čia neaktualu). Nepaisant to: jei įtraukiate hebrajų ar arabų tekstus (pvz., daugiakalbėms svetainėms), jiems reikalinga kitokia eilučių lygiavimo sistema ir dažnai didesnis eilučių tarpas.

Rekomendacija: kiekvienai kalbos versijai nustatykite konkrečias CSS reikšmes, skirtas „line-height“ ir „letter-spacing“. Naudokite santykinius vienetus, tokius kaip „em“ ar „rem“, kad užtikrintumėte priklausomybę nuo šrifto dydžio. Išbandykite atvaizdavimą skirtinguose ekrano dydžiuose ir operacinėse sistemose, nes šriftų metrikos gali skirtis. A/B testas su skirtingais tarpais vienoje tikslinėje kalboje gali parodyti, kaip vartotojai suvokia skaitomumą. Taisyklė: kuo daugiau diakritinių ženklų ar neįprastų glifų, tuo erdvesnius tarpus turėtumėte pasirinkti.

Kontrastas ir spalvos: fonas ir įskaitomumas

Pakankamas kontrastas tarp teksto ir fono yra būtinas visoms 24 ES kalboms. WCAG gairės rekomenduoja ne mažesnį nei 4,5:1 kontrasto santykį įprastam tekstui ir 3:1 dideliam tekstui. Praktikoje turėtumėte siekti aukštesnių verčių, nes daugelis naudotojų skaito esant regėjimo sutrikimams ar nepalankioms apšvietimo sąlygoms. Ypač kalbose su smulkiais diakritiniais ženklais (pvz., lenkų, čekų) ar plonomis linijomis (pvz., graikų) blankus kontrastas yra problemiškas.

Venkite mėlynos šrifto spalvos derinių ant mėlynos fono arba raudonų atspalvių, kurie susilieja esant spalvų aklumui (pvz., raudonai žaliai silpnumui). Vietoj to naudokite neutralias spalvas: juodas tekstas baltame fone yra saugiausias standartas. Modernesniam vaizdui galite naudoti tamsiai pilką tekstą šviesiame fone – tačiau atkreipkite dėmesį į pakankamus ryškumo skirtumus. Ant spalvotų fonų (pvz., prekės ženklo spalvų) baltą šrifto spalvą turėtumėte naudoti tik labai tamsiuose fonuose. Bet kuriuo atveju patikrinkite įskaitomumą kontrasto tikrintuvu.

Kirilicos ir graikų tekstams taikomos tos pačios kontrasto taisyklės, tačiau spalvų suvokimas gali skirtis kultūriškai. ES juoda ant balto yra universaliai įskaitoma. Kitas aspektas: fono spalva neturėtų blizgėti ar būti per ryški. Matiniai paviršiai yra tinkamesni nei blizgūs. Skaitmeniniuose tekstuose šiek tiek silpnesnė balta (pvz., #FAFAFA) fonui yra akims draugiškesnė nei gryna #FFFFFF, nes mažiau vargina akis.

Rekomendacija: naudokite įrankius, tokius kaip „WebAIM Contrast Checker“, kad patikrintumėte spalvų derinius. CSS apibrėžkite atskirus spalvų kintamuosius kiekvienai kalbos versijai, jei atsižvelgiate į regioninius pageidavimus (pvz., Skandinavijoje dažnai šviesesni fonai). Išbandykite tekstus įvairiuose įrenginiuose (išmaniajame telefone, planšetėje, monitoriuje) ir esant skirtingiems ryškumo nustatymams. Pasiūlykite „tamsųjį režimą“, kuris taip pat laikosi kontrasto reikalavimų. Profesionali lokalizavimo paslauga gali atsižvelgti ir į kultūrines spalvų asociacijas, tačiau be teisinės galios – dėl teisinių prieinamumo reikalavimų kreipkitės į savo teisininką.

Specialieji simboliai, kirčiai ir diakritiniai ženklai tinkamai pateikti

Tinkamas specialiųjų simbolių, kirčių ir diakritinių ženklų atvaizdavimas yra lemiamas jūsų daugiakalbių turinių įskaitomumui ir patikimumui. 24 ES kalbose pasitaiko daugybė diakritinių ženklų, pvz., akūtas (é), gravė (è), cirkumfleksas (ê), umliautas (ü), cedilė (ç), tildė (ñ) arba taškas virš raidės (ż). Trūkstami arba neteisingai atvaizduoti simboliai sukelia supratimo problemų ir atrodo neprofesionaliai.

Įsitikinkite, kad jūsų pasirinktas šriftas apima visus reikalingus Unicode simbolius. Naudokite šriftus su išsamiu lotyniškų rašmenų rinkiniu (Latin Extended A/B), kuris apima daugumą ES kalbų. Kalbioms kaip lenkų, čekų ar rumunų reikalingi papildomi simboliai. Išbandykite atvaizdavimą įvairiose operacinėse sistemose ir naršyklėse – ypač senesnės sistemos kai kuriuos simbolius atvaizduoja klaidingai. Naudokite žiniatinklio šriftus, tokius kaip Google Fonts ar Adobe Fonts, kurie paprastai užtikrina gerą aprėptį. Venkite bitmap šriftų ar pasenusių formatų, nes jie dažnai turi spragų.

Dažna problema yra atsarginis šriftas: jei jūsų pagrindiniame šrifte nėra simbolio, naršyklė naudoja sistemos šriftą, kuris atrodo kitaip. Aiškiai apibrėžkite keletą atsarginių šriftų savo CSS `font-family` kaskadoje, kurie apima visus diakritinius ženklus. Kalbiems su nelotyniškais rašmenimis (graikų, kirilica) reikalingos atskiros šriftų šeimos. Naudokite įrankius, tokius kaip „Unicode Range“ testas ar bibliotekas kaip `unicode-range`, kad užtikrintumėte, jog tinkamas šriftas įkeliamas kiekvienam simbolių diapazonui.

Rekomendacija: sistemingai tikrinkite savo turinį dėl netinkamai atvaizduotų simbolių. Sudarykite visų jūsų tikslinėse kalbose pasitaikančių diakritinių ženklų sąrašą. Atlikite vizualų patikrinimą Chrome, Firefox ir Safari naršyklėse. Jei šriftai talpinami jūsų serveryje, sugeneruokite šriftų failus tokiu įrankiu kaip Font Squirrel ir atkreipkite dėmesį į „Subsetting“ aktyvavimą atitinkamiems Unicode blokams. Naudodami žiniatinklio šriftus, pvz., Google Fonts, pasirinkite variantą „latin-ext“ arba „cyrillic-ext“. Savo darbo eigoje numatykite kokybės užtikrinimo fazę simbolių tikrinimui, idealiu atveju su gimtakalbiais, kurie patvirtina teisingą atvaizdavimą.

Šriftų dydžiai ir skaitomumas ekranuose

Tinkamo šrifto dydžio pasirinkimas labai įtakoja jūsų turinio skaitomumą ekranuose, ypač daugiakalbėse aplinkose. Šriftų dydžiai turėtų būti optimizuoti ne tik lotyniškiems rašmenims, bet ir tokioms sistemoms kaip graikų, kirilica ar net kalboms su daugybe diakritinių ženklų. Taisyklė: optinis raidės dydis skiriasi priklausomai nuo šrifto ir kalbos. Pavyzdžiui, kirilicos raidėms dažnai reikia šiek tiek didesnio nustatymo, kad būtų pasiektas toks pat skaitomumas kaip lotyniškų.

Adaptyviame žiniatinklio dizaine naudokite santykinius vienetus, tokius kaip `rem` arba `em`. Nustatykite bazinį dydį bent 16px teksto srautui – tai yra daugumos naršyklių numatytasis standartas. Antraštėms ir naršymo elementams galite atitinkamai keisti mastelį. Atkreipkite dėmesį, kad mobiliesiems įrenginiams vartotojai paprastai renkasi didesnį šriftą; išbandykite savo tipografiją įvairiuose ekranų dydžiuose. Eilutės aukštis nuo 1,4 iki 1,6 (kaip `line-height`) pagerina skaitomumą, ypač siauruose teksto stulpeliuose. Kalbose su daugybe umliautų ar kirčių (pvz., suomių, estų) gali būti naudingas šiek tiek didesnis eilutės aukštis, kad būtų išvengta persidengimų.

Užtikrinkite pakankamą kontrastą tarp teksto ir fono: srauto tekstui naudokite bent 4,5:1 kontrasto santykį (WCAG AA). Dideliam tekstui (nuo 18px paryškinto arba 24px įprasto) pakanka 3:1. Naudokite įrankius, tokius kaip Contrast Checker, kad patikrintumėte spalvų derinius. Venkite per šviesių pilkų atspalvių baltame fone, nes jie blogina skaitomumą. Foniniuose paveikslėliuose ar gradientuose naudokite tamsią teksto spalvą arba uždėkite pusiau permatomą sluoksnį po tekstu.

Rekomendacija: nustatykite vieningą šrifto dydžių hierarchiją ir dokumentuokite ją savo komandai. Išbandykite šriftų dydžius visose tikslinėse kalbose etaloniniame įrenginyje (pvz., iPhone 12, 15 colių nešiojamajame kompiuteryje). Pritaikykite `line-height` pagal kalbą – pavyzdžiui, lenkų kalbai, kuri derina daug diakritinių ženklų (pvz., „ź“). Naudokite CSS kintamuosius, kad centralizuotai valdytumėte dydžius. Įveskite „skaitomumo kontrolinį sąrašą“, kuris tikrina kontrastą, eilutės aukštį ir absoliutų dydį kiekvienai kalbos versijai. Įtraukite gimtakalbius, kad subjektyviai įvertintų skaitomumą.

Kalbai būdingos tipografinės konvencijos (pvz., kabutės)

Kiekviena kalba turi savo tipografines konvencijas, kurios neapsiriboja vien šrifto pasirinkimu. Kabutės labai skiriasi: vokiečių kalboje naudojamos „apatinės ir viršutinės kabutės“ („…“), anglų kalboje – „…“ (dvigubos) arba '…' (viengubos), prancūzų kalboje – guillemets « … » su tarpais, ispanų ir italų kalbose taip pat « … », lenkų kalboje – „…“ arba «…» priklausomai nuo stiliaus. Neteisingai padėtos kabutės atrodo neprofesionaliai ir gali suklaidinti skaitytojus. Todėl savo turinio valdymo sistemoje naudokite kalbai būdingus žymėjimus.

Kitos konvencijos apima skaičių, datų formatų, dešimtainių skyriklių ir tūkstantinių skyriklių pateikimą. Vokiečių kalboje dešimtainis kablelis (1,5), anglų kalboje taškas (1.5). Taip pat skiriasi valiutų formatavimas (pvz., € prieš ar po sumos) bei tarpų naudojimas prieš procento ženklus ar matavimo vienetus. Kalboms su nelotyniškais rašmenimis (graikų, kipriečių) turite pateikti atitinkamus valiutos ir skyrybos ženklus. Pavyzdžiui, graikų kabliataškis (·) panašus į tašką, bet vartojamas kitaip.

Elipsės, brūkšniai ir šauktukai laikosi kalbai būdingų taisyklių. Ispanų kalboje klaustukai ir šauktukai dedami sakinio pradžioje ir pabaigoje (¿…? ¡…!). Vokiečių kalboje brūkšneliai jungia žodžius, o brūkšniai (pusiau ilgas brūkšnys –) rašomi su tarpais. Neignoruokite šių smulkmenų, nes jos įtakoja skaitomumą ir pasitikėjimą jūsų turiniu. Naudokite internacionalizuotą šabloną, kuris pagal kalbos ir regiono nustatymus taiko teisingą skyrybą.

Rekomendacija: sukurkite tipografinių taisyklių sąrašą kiekvienai iš 24 ES kalbų. Susitelkite į kabutes, dešimtainius skyriklius ir datų formatus. Naudokite linterį (pvz., Vale ar Proselint) savo publikavimo darbo eigoje, kad automatiškai aptiktumėte pažeidimus. Išbandykite pateikimą savo lokalizuotoje sąsajoje – ypač formose ir dinaminiuose tekstuose. Dirbkite su lokalizacijos tiekėju, kuris išmano šias konvencijas. CMS papildiniams, tokiems kaip WPML ar Shopify, galite naudoti kalbų paketus, kuriuose yra tipografiniai nustatymai. Apmokykite savo redaktorius apie svarbiausius skirtumus, kad išvengtumėte rankinių klaidų.

Adaptyvioji tipografija daugiakalbėms svetainėms

Rašto dydžių ir tarpų pritaikymas prie skirtingų ekranų dydžių daugiakalbiuose projektuose yra ypač sudėtingas. Nors vokiečių kalboje tam tikras šrifto dydis gali būti gerai įskaitomas, kalboje su sudėtingais simboliais (pvz., graikų) ar ilgais žodžių junginiais (pvz., olandų) jis gali atrodyti per ankštas. Praktikoje pasiteisino santykinių vienetų, tokių kaip rem ar em, naudojimas, nes jie leidžia lanksčiai keisti mastelį. Sklandiems perėjimams tarp lūžio taškų naudokite CSS funkcijas, pvz., clamp(): ja nustatote mažiausią reikšmę, pageidaujamą reikšmę (pvz., 1vw + 1em) ir didžiausią reikšmę. Taip šriftas išlieka gerai įskaitomas bet kuriame įrenginyje, nemažėjant ar nedidėjant per daug egzotinėse kalbose.

Antras aspektas – šrifto parinkimas pritaikomiems maketams. Kintamieji šriftai leidžia dinamiškai reguliuoti storį, plotį ir kitas ašis – idealu kalboms, kurioms reikia skirtingo brūkšnio storio. Įsitikinkite, kad šriftas apima visas reikalingas glifas (pvz., diakritinius ženklus čekų, lenkų ar latvių kalboms). Išbandykite vaizdavimą mobiliuosiuose įrenginiuose su tikrais tekstais: ypač tarpai tarp raidžių (tracking) gali pabloginti įskaitomumą siauruose ekranuose. Nustatykite eilučių tarpą ne mažesnį nei 1,4–1,6 šrifto dydžio, nes ilgi žodžiai tokiose kalbose kaip vokiečių ar vengrų reikalauja daugiau vertikalios erdvės.

Praktiškai rekomenduojame kiekvienai kalbai patikrinti bent tris reprezentatyvius teksto blokus skirtinguose lūžio taškuose: išmanusis telefonas (320 pikselių), planšetė (768 pikseliai) ir kompiuteris (1280 pikselių). Naudokite tikrus projekto turinio tekstus, ne vietos rezervatorius. Atkreipkite dėmesį į nepageidaujamą žodžių skyrimą ar persidengimą – ypač kalbose su siauromis raidėmis (pvz., hindi). Talpyklų horizontaliam masteliui, jei reikia, nustatykite min-width: auto, kad teksto dalys turėtų pakankamai vietos. Pritaikomas požiūris, atsižvelgiantis į kalbai būdingas subtilybes, pagerina įskaitomumą ir vartotojų pasitikėjimą kiekviename tikslo regione.

Prieinamumas ir įtraukioji tipografija

Prieinama tipografija yra ne tik teisinis reikalavimas, bet ir kokybės ženklas. ES direktyva dėl prieinamo tinklalapių turinio (ES 2019/882) taip pat susijusi su šrifto dizainu. Tačiau atkreipkite dėmesį, kad konkretus įgyvendinimas reikalauja atskiros teisinės konsultacijos. Praktikoje turėtumėte užtikrinti kontrastą pagal WCAG 2.1 AA: mažiausias kontrasto santykis 4,5:1 įprastam tekstui ir 3:1 dideliam tekstui. Naudokite įrankius, pvz., WebAIM Contrast Checker, kad patikrintumėte savo spalvų derinius. Atkreipkite dėmesį, kad šviesiuose šriftuose (pvz., šiaurės kalbose) ryškumas gali atrodyti kitaip – išbandykite su šviesiais fonais ir tamsiuoju režimu.

Regėjimo negalią turintiems vartotojams labai svarbu pasirinkti aiškų, gerai atskiriamą šriftą. Patirtis rodo, kad be serifų (Sans-Serif) šriftai, tokie kaip Arial, Verdana ar Open Sans, ekranuose yra geriau įskaitomi. Venkite dekoratyvinių ar per siaurų šriftų, nes jie mažuose dydžiuose (pvz., 12 pikselių) sunkiai įskaitomi. Kalboms su daugybe diakritinių ženklų (pvz., rumunų, lenkų) šriftas turi aiškiai atvaizduoti taškus ir kabliukus – patikrinkite glifus įvairiais dydžiais. Pakankamas eilučių tarpas (ne mažiau kaip 1,5) taip pat padeda žmonėms su pažinimo sutrikimais lengviau sekti tekstą.

Įtraukioji tipografija taip pat reiškia, kad reikia gerbti semantinį žymėjimą. Naudokite antraštes (h1–h6) su nuoseklia hierarchija, kurią atpažįsta ekrano skaitytuvai. Nenaudokite didžiųjų raidžių arba lygiuoti teksto į abi puses, nes tai pablogina įskaitomumą. Daugiakalbiams puslapiams svarbu HTML lang atributu nurodyti teisingą kalbą – tai pagerina tarimą per ekrano skaitytuvą. Išbandykite savo šrifto pasirinkimą su tikrais neįgaliais vartotojais arba naudodami simuliacijos įrankius (pvz., spalvų aklumo simuliatorius). Taip užtikrinsite, kad jūsų svetainė būtų prieinama ir įtrauki visoms 24 ES kalboms.

Testavimas ir validavimas: įrankiai ir metodai 24 kalboms

24 kalbų tipografijos kokybę galima užtikrinti tik sistemingai testuojant. Patikrintas metodas yra automatinių patikrų ir rankinio tikrinimo derinys. Naudokite tokius įrankius kaip Font Coverage Checker (pavyzdžiui, iš Typekit arba Google Fonts ekosistemos) arba specializuotas paslaugas, tokias kaip FontDrop!, kad patikrintumėte, ar jūsų šriftas apima visus reikalingų kalbų simbolius. Ypatingą dėmesį skirkite specialiesiems simboliams, tokiems kaip ß (eszetas) vokiečių kalbai, Ł (perbraukta L) lenkų kalbai arba Ő (O su dvigubu akcentu) vengrų kalbai. Atlikite šį patikrinimą kiekvienai kalbai atskirai, palygindami šrifto Unicode diapazoną su realiai reikalingų simbolių sąrašu.

Vizualiniam vertinimui rekomenduojame sukurti bandomuosius puslapius su originaliu turiniu visomis 24 kalbomis. Imituokite įvairius ekrano dydžius naudodami kūrėjų įrankius (Device Mode naršyklėje) ir patikrinkite šiuos kriterijus: – Ar eilučių lūžiai yra prasmingi? – Ar žodžiai nenutraukiami neįprastai? – Ar visi akcentai ir diakritiniai ženklai yra teisingai išdėstyti? Kalboms su rašymu iš dešinės į kairę (arabų) papildomai patikrinkite lygiavimą ir skaičių atvaizdavimą. Linijiniam skaitomumo vertinimui naudokite Flesch-Reading-Ease formulę atitinkama kalba – tačiau atminkite, kad ši formulė turi būti pritaikyta kiekvienai kalbai. Praktikoje geresnis rodiklis yra subjektyvus gimtakalbių atsiliepimas.

Papildomai rekomenduojame naudoti automatinius testus: su Paged.js ar panašiomis bibliotekomis galite generuoti bandomųjų puslapių ekrano kopijas ir palyginti jas su etaloniniu derinimu. Tokie įrankiai kaip W3C HTML Validator ar CSS Validator padeda išvengti sintaksės klaidų, kurios galėtų pakenkti šrifto atvaizdavimui. Kiekvienai kalbai sukurkite kontrolinį sąrašą su dažniausiai pasitaikančiomis problemomis (pvz., per ilgos eilutės, trūkstami glifai). Suplanuokite reguliarius testavimo ciklus po kiekvieno turinio atnaujinimo – ypač kai pridedamos naujos kalbos. Tik nuosekliai validuodami užtikrinsite, kad jūsų daugiakalbė tipografija visuose įrenginiuose ir visomis ES kalbomis atrodytų patikimai ir verta pasitikėjimo.

Tipografinio lokalizavimo kontrolinis sąrašas

Šis kontrolinis sąrašas apibendrina pagrindinius tikrinimo punktus, kuriuos turėtumėte peržiūrėti atlikdami savo svetainės ar programos tipografinį lokalizavimą 24 ES kalboms. Jis naudojamas kaip praktinė priemonė, siekiant išvengti tipinių klaidų ir užtikrinti nuoseklų, įskaitomą pateikimą.

1. Abėcėlės ir simbolių rinkinio patikra: įsitikinkite, kad jūsų pasirinktas šriftas apima visus reikalingus glifus – ypač lotyniškus plėtinius (pvz., Č, Ğ, ß), graikiškus simbolius, kirilicos raides ir arabišką raštą. Naudokite šriftų testavimo įrankius, tokius kaip „Wakamai Fondue“ arba „FontDrop!“, kad patikrintumėte aprėptį. Kalboms su savita abėcėle (pvz., bulgarų, graikų) rekomenduojamas atskiras atsarginis šriftas.

2. Skaitymo kryptis ir lygiavimas: Arabų kalbai (pvz., Maltai? Ne, arabų nėra ES oficiali kalba, bet aktuali kai kuriems vartotojams) įgyvendinkite „direction: rtl“ ir pritaikykite teksto įtraukas, sąrašus bei lenteles. Mišriai kalbiniam turiniui (pvz., vokiškas tekstas su arabiškomis citatomis) naudokite Unicode Bidi kontrolinį simbolį.

3. Eilučių tarpas ir simbolių tarpai: Padidinkite eilučių tarpą šriftams su ryškiais viršutiniais ir apatiniais iškyšuliais (pvz., kirilica) 10–15%, palyginti su lotyniškais standartais. Išbandykite simbolių tarpus ypač siauruose graikų kalbos raidžių deriniuose.

4. Kontrastas ir fonas: Patikrinkite spalvų schemas dėl pakankamo kontrasto (bent jau WCAG AA). Atminkite, kad šviesūs šriftai ant šviesaus fono su plonomis linijomis lotyniškuose plėtiniuose gali būti sunkiai įskaitomi. Naudokite tamsias teksto spalvas ant šviesaus fono.

5. Specialieji simboliai ir diakritiniai ženklai: Pasirūpinkite, kad akcentai (pvz., čekų, rumunų) nesusidurtų su gretimais simboliais. Naudokite šriftus su optimizuotu kerningu akcentuotoms raidėms.

6. Šrifto dydžiai: Apibrėžkite santykinius dydžius (em/rem) ir išbandykite įskaitomumą visomis kalbomis. Šriftams su daugybe brūkšnių (pvz., graikų) gali prireikti šiek tiek didesnio šrifto (0,1–0,2 rem).

7. Kabutės ir skyrybos ženklai: Pritaikykite juos pagal kalbą (pvz., „ “ vokiečių, « » italų). Naudokite CSS su :lang(), kad automatiškai nustatytumėte teisingus simbolius.

8. Adaptyvi tipografija: Nustatykite lūžio taškus, kuriuose šrifto dydžiai ir eilučių tarpai optimizuojami kiekvienai kalbai. Išbandykite mobiliuosiuose įrenginiuose, ypač su ilgais žodžiais (pvz., olandų, vokiečių).

9. Testavimas ir validavimas: Kiekvienai kalbai atlikite ekrano kopijų palyginimą. Tokie įrankiai kaip Selenium arba Percy padeda automatiškai aptikti nukrypimus.

10. Prieinamumas: Naudokite pakankamą kontrastą, keičiamo dydžio šriftus ir venkite vien spalvinio kodavimo. Patikrinkite su ekrano skaitytuvais, ar specialieji simboliai taisyklingai ištariami.

Dokumentuokite savo sprendimus kiekvienos kalbos stiliaus gide. Pakartokite kontrolinį sąrašą po kiekvieno didesnio atnaujinimo.

Ateities tendencijos: kintamieji šriftai ir DI pagrįsta tipografija

Tipografijos kraštovaizdis sparčiai keičiasi – du trendai ypač paveiks daugiakalbę lokalizaciją ateinančiais metais: kintamieji šriftai ir DI pagrįstas optimizavimas. Abu jie suteikia galimybę žymiai pagerinti skaitomumą ir efektyvumą 24 ES kalbomis.

Kintamieji šriftai sujungia kelis pjūvius (pvz., ploną, paryškintą, siaurą) į vieną failą ir gali būti dinamiškai koreguojami per ašis, tokias kaip svoris, plotis ar optinis dydis. Daugiakalbiuose projektuose tai reiškia: galite pasirinkti optimalų linijos storį ar tarpo plotį kiekvienai kalbai ar net skyriui, nereikalaudami įkelti papildomų šriftų failų. Pavyzdžiui, graikų kalbai galite pasirinkti platesnį nustatymą skaitomumui pagerinti, o vokiečių kalbai naudoti siauresnį variantą erdvę taupančioms antraštėms. Tačiau atkreipkite dėmesį, kad kintamieji šriftai apimtų visus reikalingus simbolių rinkinius – ne visi siūlo, pvz., kirilicos ar graikų glifus. Prieš naudojimą patikrinkite „font-variation-settings“ savybę savo CSS.

DI pagrįsta tipografija apima įrankius, kurie automatiškai siūlo optimalų šriftą, dydį ir spalvą pagal turinį, kalbą ir tikslinę auditoriją. Šios sistemos analizuoja teksto ilgius, skaitymo kryptį ir istorinius duomenis, kad, pvz., pakoreguotų eilučių tarpą arba prioritetizuotų atsarginius šriftus. Pirmosios platformos, tokios kaip Adobe Fonts ar Google Fonts, integruoja mašininį mokymąsi, kad pagerintų našumą. Ateityje DI įrankiai galėtų savarankiškai generuoti šriftų derinius mišrioms kalboms puslapiams, atsižvelgdami į kultūrinius pageidavimus (pvz., serifinius vokiečių kalbai, beserifinius anglų kalbai).

Praktinės rekomendacijos: Eksperimentuokite su kintamaisiais šriftais, kurie palaiko tiek lotyniškus, tiek nelotyniškus simbolius (pvz., „Amstelvar“ ar „Decovar“). Naudokite tokias paslaugas kaip Fontsource optimizuotiems variantams. Išbandykite DI įrankius automatiniam dydžio koregavimui, tačiau visada rankiniu būdu patikrinkite rezultatus – ypač kalboms su ilgais žodžiais (suomių, vokiečių). Sukurkite laipsniško diegimo strategiją, kad užtikrintumėte suderinamumą su senesnėmis naršyklėmis.

Sekite informaciją apie šriftų technologijos pažangą, nes kintamieji šriftai ateityje galėtų pritaikyti ir kalbai būdingas metrikas (pvz., x-aukštį). Geriau remkitės patikrintais standartais, kol visiškai pasitikėsite DI valdomais sprendimais – žmogaus kontrolė išlieka būtina kultūrinėms ir tipografinėms smulkmenoms.

Dažni spąstai ir klaidos daugiakalbėje tipografijoje

Net ir kruopščiai planuojant tyko tipografiniai spąstai, kurie kenkia skaitomumui ir pasitikėjimui. Klasikinė klaida – naudoti šriftus, kurie neapima visų reikalingų simbolių. Pavyzdžiui, vokiečių kalbai reikia umlautų ir ß, o lenkų, čekų ar rumunų kalboms reikia daugybės diakritinių ženklų. Jei jų nėra šrifte, jie rodomi kaip pakaitalai arba tušti kvadratai – tikras neprofesionalumo požymis. Todėl iš anksto patikrinkite savo šrifto simbolių rinkinį kiekvienai tikslinei kalbai.

Kitas spąstas – kalbai būdingų tipografinių konvencijų nepaisymas. Kabutės labai skiriasi: vokiečių kalboje naudojamos „...“, prancūzų – « ... », anglų – “...”. Jei jos nėra tinkamai lokalizuotos, tekstas atrodo svetimas. Taip pat ir su skaičių formatais, tūkstančių skirtukais ir dešimtainiais skirtukais: taškas vokiečių kalboje gali būti klaidingai suprastas kaip dešimtainis skirtukas anglų kalboje. Todėl patikrinkite visus skaitinius vaizdavimus kiekvienoje kalboje.

Skaitymo kryptis dažnai atsižvelgiama tik arabų ir hebrajų kalboms, tačiau ES viduje taip pat yra niuansų. Maltiečių kalba naudoja lotynišką raštą, bet su arabų kalbos įtaka – čia gali atsirasti skaitymo krypties pasikeitimų mišriuose tekstuose. Įsitikinkite, kad jūsų maketas teisingai atvaizduoja dvikryptį tekstą (pvz., skaičius arabiškuose srauto tekstuose).

Kita problema: fiksuoti šrifto dydžiai ir eilučių tarpai, optimizuoti vienai kalbai, kitose kalbose gali sukelti persidengimus ar per daug baltos erdvės. Pavyzdžiui, kalbos su daug akcentų (pvz., čekų) dažnai reikalauja didesnio eilučių tarpo, o azijietiški simboliai (nors ES neoficialūs, bet daugiakalbiuose projektuose aktualūs) turi kitas proporcijas. Todėl naudokite santykinius vienetus (em, rem) ir testuokite su ilgiausiomis tikėtinomis teksto versijomis.

Galiausiai: nenuvertinkite šrifto pasirinkimo įtakos pasitikėjimui. Žaismingas šriftas gali tikti tam tikrai tikslinei auditorijai, tačiau kitoje gali atrodyti neprofesionalus. Įtraukite vietinius gimtakalbius į šrifto vertinimą. Profesionalus įspūdis susidaro tik tada, kai visi kalbai būdingi elementai atitinka – nuo glifų aprėpties iki kultūrinių konotacijų.

Praktinis darbo srautas: Bendradarbiavimas su paslaugų teikėjais ir tipografinės lokalizacijos peržiūra

Nuoseklios tipografinės lokalizacijos įgyvendinimas 24 ES kalboms reikalauja struktūrizuoto proceso, įtraukiančio dizainerius, kūrėjus ir vertėjus. Pradėkite nuo stiliaus gido sukūrimo, kuriame kiekvienai kalbai nustatomi šie aspektai: šriftas (įskaitant atsarginius šriftus), šrifto dydžiai, eilučių tarpai, lygiavimas, spalvų schema ir specialiųjų simbolių atvaizdavimas. Šis gidas tarnauja kaip privalomas pagrindas visiems dalyviams.

Bendradarbiaujant su vertimo paslaugų teikėjais, patartina jau instrukcijose nurodyti tipografinius reikalavimus. Paprašykite bandomųjų vertimų kiekvienai kalbai, kuriuos galite įterpti į savo maketą. Naudokite tokius įrankius kaip Figma ar Adobe XD, kurie palaiko kelių kalbų teksto variantus, kad patikrintumėte vizualinį pateikimą. Atkreipkite dėmesį į perteklinius ilgius: kai kurie tekstai vokiečių ar olandų kalbomis yra žymiai ilgesni nei anglų kalba. Suplanuokite pakankamai vietos arba naudokite dinaminius maketus, kurie prisitaiko.

Pagrindinis žingsnis yra testavimas realioje tikslinėje aplinkoje – ar tai būtų svetainėje, ar programėlėje. Naudokite tikrus turinius, o ne vietos rezervavimo ženklus. Patikrinkite kiekvieną kalbą dėl eilučių lūžių, teksto perpildymo ir teisingo specialiųjų simbolių atvaizdavimo. Naudingi automatiniai testai su tokiais įrankiais kaip BrowserStack arba ekrano kopijų palyginimai. Taip pat atlikite rankinius vertinimus su gimtakalbiais, turinčiais tipografinį supratimą.

Dokumentuokite kylančias problemas centriniame problemų stebėjimo įrankyje, nurodydami kalbą ir tikslią klaidą. Taip išvengsite, kad ta pati klaida nebūtų praleista keliose kalbose. Suplanuokite kelias iteracijas: po pirmojo įgyvendinimo seka atsiliepimų ciklas, kuriame dizaineriai ir kūrėjai atlieka pataisymus.

Taip pat atkreipkite dėmesį į teisinius aspektus: jei licencijuojate šriftus, patikrinkite, ar licencija apima visas kalbas ir planuojamą naudojimą (internete, programėlėje, spaudoje). Kai kurie šriftai turi apribojimų dėl simbolių skaičiaus ar įterpimo. Pastaba: sudėtingais licencijavimo klausimais pasikonsultuokite su teisininku.

Galiausiai: gerai dokumentuotas darbo srautas taupo laiką ir išlaidas. Po projekto užbaigimo atlikite retrospektyvą, kad gautumėte įžvalgų būsimoms lokalizacijoms. Taip tipografinė kokybė nuolat gerinama visose kalbose.