Tipogrāfija un lasīšanas paradumi 24 ES valodās: fontu izvēle, kas uzlabo salasāmību un uzticēšanos

Tipogrāfijas pamati daudzvalodu projektiem

Tipogrāfija ir vairāk nekā tikai skaista fonta izvēle. Tā ietekmē salasāmību un līdz ar to to, kā lietotāji uztver jūsu saturu.

Daudzvalodu projektos saskaras vairāki izaicinājumi: dažādi alfabēti prasa specifiskas fontu saimes, rindu atstarpes un kontrastus. Nepiemērota tipogrāfija var samazināt saprotamību un vājināt uzticību jūsu zīmolam.

Pievērsiet uzmanību fontiem, kas atbalsta vairākas rakstības sistēmas. Daudzi izplatīti fonti, piemēram, Open Sans vai Noto, aptver latīņu, kirilicas un grieķu alfabētus. Valodām ar diakritiskajām zīmēm (piemēram, poļu, čehu) akcentiem jābūt skaidri atpazīstamiem. Pārbaudiet attēlojumu dažādos ekrāna izmēros. Bieža kļūda ir izmantot fontu, kas ir optimizēts vienai valodai, bet citās valodu versijās rada saspringumus vai neskaidras rakstzīmes. Tāpēc pārbaudiet katru valodas variantu atsevišķi.

Rindas garums un rindu atstatums ir jāpielāgo atkarībā no valodas. Piemēram, valodas ar daudziem gariem vārdiem (piemēram, vācu) prasa lielāku rindas platumu vai nedaudz lielāku rindu atstarpes koeficientu, lai saglabātu salasāmību. Valodām ar šaurām rakstzīmēm, piemēram, angļu, bieži vien pietiek ar standarta atstatumu. Vērtība no 1,4 līdz 1,6 rindu atstatumam (attiecībā pret fonta izmēru) ir labs sākumpunkts. Pielāgojiet atkarībā no fonta un valodas. Izvairieties no pārāk saspiestām vai pārāk tālu izvietotām rindām.

Kontrasts ir izšķirošs: tumšs fonts uz gaiša fona ir labākā izvēle lielākajai daļai valodu. Pārliecinieties par pietiekamu kontrasta attiecību (vismaz 4,5:1 parastam tekstam). Pārbaudiet to visām valodu versijām, jo fontu biezumi var atšķirties. Praksē ir pierādījušās vērtības ap 5:1 vai augstākas. Neizmantojiet grafikas vai ēnojumu, kas pasliktina salasāmību. Vienotas tipogrāfijas vadlīnijas izveide visām valodu versijām palīdz izvairīties no novirzēm.

Juridisks paziņojums: Minētie ieteikumi neaizstāj individuālu juridisku konsultāciju, jo īpaši attiecībā uz pieejamības prasībām (piemēram, WCAG vadlīnijas). Lūdziet, lai jūsu konkrēto ieviešanu pārbauda kvalificēts jurists.

24 ES valodas: Alfabēti, rakstu sistēmas un īpatnības

24 ES oficiālās valodas galvenokārt izmanto latīņu alfabētu, bet arī grieķu un kirilicas alfabētu. Turklāt ir speciālās rakstzīmes, diakritiskās zīmes un ligatūras, kas jāņem vērā pareizai attēlošanai. Latīņu alfabēts tiek izmantots lielākajā daļā ES valodu, bet ar valodai specifiskiem paplašinājumiem: poļu valodā ir nazālie patskaņi (ą, ę), čehu un slovāku valodā izmanto Hatschek (č, š, ž), franču valodā akcentus (é, è, ê). Horvātu un serbu valoda (kirilica) ir atsevišķi gadījumi.

Grieķu alfabēts tiek izmantots Grieķijā un Kiprā. Tas ietver 24 burtus, dažus ar diakritiskajām zīmēm (akcenti, spiritus). Burtu izmērs un rindu atstarpe jāpielāgo grieķu rakstzīmēm, jo tām bieži ir garuma atšķirības. Kirilicas raksti tiek izmantoti Bulgārijā. Tajā ir 30 burti, kas dažkārt ļoti atšķiras. Daudzas latīņu fontu ģimenes nesatur kirilicas glifus; tāpēc pievērsiet uzmanību fontu ģimenēm, piemēram, Noto Sans vai PT Sans, kas aptver abus rakstus.

Īpatnības: Vācu valodā tiek izmantoti umlauti (ä, ö, ü) un ß; poļu un čehu valodā ir daudz diakritisko zīmju. Ungāru valodā ir īpašas rakstzīmes, piemēram, ő, ű. Maltiešu valodā izmanto burtus ar punktiem (ċ, ġ, ħ), un tā ir vienīgā semītu valoda ar latīņu alfabētu. Īru valodā izmanto akcentus (fada). Rumāņu valodā ir ș, ț. Visām šīm rakstzīmēm fontam ir jābūt atbilstošiem glifiem.

Praktisks ieteikums: Katrai valodai izveidojiet nepieciešamo rakstzīmju sarakstu. Pārbaudiet fontu pilnīgu pārklājumu. Izvairieties no fontiem, kas atbalsta tikai pamata rakstzīmes, jo pretējā gadījumā parādīsies kļūdu simboli (Tofu). Izmantojiet tīmekļa fontu pakalpojumus vai sistēmas fontus ar plašu pārklājumu. Pārbaudiet attēlojumu visās pārlūkprogrammās un operētājsistēmās. Vienota tipogrāfija visām valodu versijām atvieglo uzturēšanu un nodrošina konsekventu zīmola tēlu.

Piezīme: Tipogrāfijas juridiskās prasības atšķiras atkarībā no valsts; jautājumos par pieejamību vai marķēšanas pienākumiem konsultējieties ar juristu.

Lasīšanas virziens un teksta izlīdzināšana no kreisās uz labo līdz arābu valodai

Lielākā daļa ES valodu tiek rakstītas no kreisās uz labo (LTR). Angļu, vācu, franču u.c. valodas ievēro šo virzienu. Teksta izlīdzināšana parasti ir pa kreisi, jo tas ir vislasāmāk LTR valodām. Bloku izlīdzināšana var radīt neizskatīgus vārdu atstarpes, tāpēc ieteicams izmantot izlīdzināšanu pa kreisi vai vārdu sadalīšanu ar defisēm. LTR valodām pirmās rindas atkāpe ir standarta signāls jaunai rindkopai.

Īpašs izaicinājums ir arābu raksts, kas tiek rakstīts no labās uz kreiso (RTL). Arābu valoda Maltā netiek lietota, bet migrācijas un tiešsaistes klātbūtnes dēļ tā var būt aktuāla. ES iestādes tulko arī arābu valodā. RTL tekstam nepieciešams spoguļattēla izkārtojums: izkārtojumam jābūt veidotam no labās uz kreiso. Virsraksti, saraksti, izvēlnes un simboli attiecīgi jāpielāgo. Arābu tekstos cipari un skaitļi bieži tiek rakstīti LTR virzienā (no kreisās uz labo). Arābu valodas fontam jābūt slīprakstā un savienotam, lai tas būtu lasāms.

Citu RTL valodu ES nav, bet ebreju valoda tiek izmantota dažos kontekstos. RTL tekstiem: teksta izlīdzināšanai jābūt pa labi. Bloku izlīdzināšana ir sarežģītāka, jo lūzums notiek no labās puses. Vārdu sadalīšana arābu valodā atšķiras no latīņu valodas. Izmantojiet īpašas RTL stila lapas un pārbaudiet attēlojumu pārlūkprogrammās. Daudzi CSS ietvari atbalsta RTL, taču tipogrāfija ir jāpielāgo individuāli. Pievērsiet uzmanību fontiem, kas pareizi attēlo arābu valodu (piem., Noto Naskh Arabic, Amiri).

Praktisks ieteikums: Katram izmantotajam lasīšanas virzienam definējiet savas CSS klases. RTL konteineriem izmantojiet HTML atribūtu dir="rtl". Pārbaudiet datumu, skaitļu un tālruņa numuru izlīdzināšanu. Bieža kļūda ir LTR un RTL satura sajaukšana vienā blokā – stingri nošķiriet tos. Pārbaudiet lasāmību ar dzimtās valodas runātājiem. Konsekventa LTR/RTL pārvaldība uzlabo lietotāja pieredzi un novērš neskaidrības.

Juridisks paziņojums: Šeit sniegtā informācija neaizstāj juridisku konsultāciju. Lūdziet speciālistam pārbaudīt sava izkārtojuma atbilstību attiecīgajām ES pieejamības direktīvām.

Fontu izvēle: Serifu, bezserifu un īpašo rakstzīmju kopas

Fonta izvēle būtiski ietekmē lasāmību un lietotāju uzticēšanos. 24 ES valodām jānodrošina, ka izvēlētais fonts ietver visas nepieciešamās rakstzīmes un glifus. Praksē ir pierādījies, ka fonti ar plašu rakstzīmju atbalstu, piemēram, OpenType fonti ar latīņu, grieķu, kirilicas un arābu rakstzīmju kopām, ir labākā izvēle. Valodām ar latīņu rakstību (vācu, franču, spāņu u.c.) ir piemēroti gan serifu, gan bezserifu fonti. Serifi pēc pieredzes uzlabo lasāmību pamattekstā, īpaši garākos tekstos, savukārt bezserifu fonti bieži vien labāk izskatās virsrakstos un īsos teksta fragmentos uz ekrāniem.

Būtisks punkts ir speciālo rakstzīmju aptvērums. Vācu valodā nepieciešami divskaņi (ä, ö, ü) un ß; poļu valodā pievienojas papildu diakritiskās zīmes (ą, ć, ę, ł, ń, ó, ś, ź, ż). Čehu un slovāku valodā nepieciešamas čapas un akcenti. Pārliecinieties, ka fonts nodrošina visas šīs zīmes harmoniskā noformējumā. Grieķu valodai nepieciešams fonts, kas pareizi attēlo gan grieķu alfabētu, gan vēsturiskās diakritiskās zīmes (politonisko). Kirilicas valodās (bulgāru, krievu) svarīga ir atšķirība starp līdzīgiem burtiem, piemēram, „ш” un „щ” vai „и” un „й”.

Valodām ar nelatīņu rakstību, piemēram, arābu (lai gan tā nav ES oficiālā valoda, bet svarīga kā mazākumtautību valoda – šeit koncentrējamies uz 24 ES oficiālajām valodām, kas visas izmanto latīņu, grieķu vai kirilicas rakstību) – Īpašs ir īru valodas gadījums ar savu atsevišķo gēlu rakstību, ko arvien vairāk aizstāj latīņu rakstība. Tāpēc izvēlieties fontus, kas nodrošina attiecīgo valodas atbalstu. Izvairieties no fontiem, kas aptver tikai standarta latīņu kopu, jo tas rada nelasāmas rakstzīmes (tā sauktos „tofu”). Ieteicams izmantot fontu saimes, piemēram, „Noto” vai „Source Sans”, kas īpaši izstrādātas daudzvalodu projektiem.

Rīcības ieteikums: Pirms fonta izmantošanas pārbaudiet nepieciešamo rakstzīmju kopu aptvērumu, izmantojot tādus rīkus kā „Google Fonts Glyph Check” vai „Fontdrop”. Nosakiet rezerves stratēģiju: Ja primārais fonts nesatur kādu rakstzīmi, pārlūkprogrammai jāizmanto sistēmas fonts. Pārbaudiet lasāmību visās mērķvalodās, īpaši kombinācijās ar diakritiskajām zīmēm un šaurajiem burtiem. Profesionāls lokalizācijas dienests var jums palīdzēt izvēlē.

Rindu atstarpe un burtu platums: Optimizācija dažādiem alfabētiem

Rindu atstarpe (drukas solis) un burtu platums (burtu atstarpe) ir izšķiroši lasāmībai – īpaši daudzvalodu kontekstā. Latīņu rakstībai praksē ir pierādīts rindu attālums no 1,4 līdz 1,6 (140–160% no fonta lieluma). Fontiem ar lieliem augšējiem un apakšējiem pagarinājumiem, piemēram, vācu valodā ar daudziem lielajiem burtiem, var būt noderīgs nedaudz lielāks attālums. Grieķu valodai, kas vizuāli šķiet kompaktāka, pēc pieredzes pietiek ar rindu atstarpi no 1,3 līdz 1,5. Kirilicas rakstībai, kas uzbūvēta līdzīgi latīņu rakstībai, varat izmantot tās pašas vērtības, bet jāpārbauda šņāceņu un ligatūru lasāmība.

Burtu platumam pamattekstā jābūt ap 0–5% no fonta lieluma. Negatīvs burtu attālums (izsekošana) var pasliktināt lasāmību, īpaši diakritisko zīmju gadījumā. Valodām ar daudzām diakritiskajām zīmēm, piemēram, čehu vai poļu, ieteicams neliels pozitīvs burtu attālums (3–5%), lai novērstu zīmju saplūšanu. Grieķu tekstiem ar akcentiem vai kirilicas tekstiem ar mīkstajām/cietajām zīmēm arī jāpārbauda nedaudz palielināts attālums.

Īpašs gadījums ir lasīšanas virziens: minētie ieteikumi attiecas uz rakstību no kreisās uz labo pusi. Valodām, kas tiek lasītas no labās uz kreiso pusi (arābu valoda nav ES oficiālā valoda, bet vai tā ir svarīga Maltai? Maltiešu valoda izmanto latīņu rakstību – tāpēc šeit nav aktuāli). Tomēr: ja iekļaujat ebreju vai arābu tekstus (piemēram, daudzvalodu vietnēs), tiem nepieciešama cita rindu izlīdzināšana un bieži vien lielāki rindu attālumi.

Rīcības ieteikums: Katrai valodas versijai definējiet specifiskas CSS vērtības rindu augstumam un burtu atstarpei. Izmantojiet relatīvās mērvienības, piemēram, „em” vai „rem”, lai nodrošinātu atkarību no fonta lieluma. Pārbaudiet attēlojumu dažādos ekrāna izmēros un operētājsistēmās, jo fontu metrikas realizācija var atšķirties. A/B tests ar dažādiem attālumiem mērķvalodā var parādīt, kā lietotāji uztver lasāmību. Nenoteikts noteikums: jo vairāk diakritisko zīmju vai neparastu glifu, jo dāsniāk jāizvēlas attālumi.

Kontrasts un krāsas: fons un lasāmība

Pietiekams kontrasts starp tekstu un fonu ir būtisks visām 24 ES valodām. WCAG vadlīnijas iesaka kontrasta attiecību vismaz 4,5:1 parastam tekstam un 3:1 lielam tekstam. Praksē tomēr jācenšas sasniegt augstākas vērtības, jo daudzi lietotāji lasa ar redzes traucējumiem vai nelabvēlīgos apgaismojuma apstākļos. Īpaši valodās ar smalkām diakritiskajām zīmēm (piemēram, poļu, čehu) vai plānām līnijām (piemēram, grieķu) blāvs kontrasts ir problemātisks.

Izvairieties no kombinācijām ar zilu teksta krāsu uz zila fona vai sarkaniem toņiem, kas krāsu akluma gadījumā (piemēram, sarkan-zaļā nespēja) izplūst. Tā vietā izmantojiet neitrālas krāsas: melns teksts uz balta fona ir drošākais standarts. Modernākam izskatam varat izmantot tumši pelēku tekstu uz gaiša fona – tomēr pārliecinieties par pietiekamiem spilgtuma atšķirībām. Uz krāsainiem fona (piemēram, zīmola krāsās) baltu teksta krāsu izmantojiet tikai uz ļoti tumšiem fona. Vienmēr pārbaudiet lasāmību ar kontrasta pārbaudītāju.

Kyriliskajiem un grieķu tekstiem ir spēkā tie paši kontrasta noteikumi, taču krāsu uztvere var atšķirties kulturāli. ES melns uz balta ir universāli lasāms. Vēl viens aspekts: fona krāsai nevajadzētu atstarot gaismu vai būt pārāk spilgtai. Matētas virsmas ir labākas nekā spīdīgas. Digitālajiem tekstiem nedaudz novājināts balts (piemēram, #FAFAFA) fonā ir acīm draudzīgāks nekā tīrs #FFFFFF, jo mazāk nogurdina acis.

Rīcības ieteikums: Izmantojiet tādus rīkus kā „WebAIM Contrast Checker”, lai pārbaudītu savas krāsu kombinācijas. Definējiet savā CSS atsevišķus krāsu mainīgos katrai valodas versijai, ja vēlaties ņemt vērā reģionālās preferences (piemēram, Skandināvijā bieži gaišāki foni). Pārbaudiet tekstus dažādās ierīcēs (viedtālrunī, planšetdatorā, monitorā) un dažādos spilgtuma iestatījumos. Piedāvājiet „Dark Mode”, kas arī ievēro kontrastu. Profesionāls lokalizācijas pakalpojums var ņemt vērā arī kulturālās krāsu asociācijas, taču bez tiesiskā spēka – par juridiskajām piekļūstamības prasībām konsultējieties ar savu juristu.

Speciālzīmes, akcenti un diakritiskās zīmes pareizi attēlot

Pareiza speciālzīmju, akcentu un diakritisko zīmju attēlošana ir izšķiroša jūsu daudzvalodu satura lasāmībai un uzticamībai. 24 ES valodās ir daudzas diakritiskās zīmes, piemēram, akūts (é), gravis (è), cirkumflekss (ê), umlauts (ü), cedille (ç), tilde (ñ) vai punkts virs burta (ż). Trūkstošas vai nepareizi renderētas zīmes rada sapratnes problēmas un izskatās neprofesionāli.

Pārliecinieties, ka jūsu izvēlētais burtveidols aptver visas nepieciešamās Unicode zīmes. Izmantojiet burtveidolus ar plašu latīņu rakstzīmju kopu (Latin Extended A/B), kas aptver lielāko daļu ES valodu. Valodām, piemēram, poļu, čehu vai rumāņu, ir nepieciešamas papildu zīmes. Pārbaudiet attēlojumu dažādās operētājsistēmās un pārlūkprogrammās – īpaši vecākas sistēmas dažas zīmes renderē kļūdaini. Izmantojiet tīmekļa burtveidolus, piemēram, Google Fonts vai Adobe Fonts, kas parasti nodrošina labu pārklājumu. Izvairieties no bitkartes burtveidoliem vai novecojušiem formātiem, jo tie bieži satur robus.

Bieži sastopama problēma ir rezerves burtveidols: ja jūsu primārajam burtveidolam trūkst kādas zīmes, pārlūkprogramma izmanto sistēmas burtveidolu, kas izskatās citādi. Skaidri norādiet vairākus rezerves burtveidolus savā CSS `font-family` kaskādē, kas aptver visas diakritiskās zīmes. Valodām, kas nav latīņu rakstā (grieķu, kirilicas), ir nepieciešamas atsevišķas burtveidolu saimes. Izmantojiet tādus rīkus kā „Unicode Range” testu vai bibliotēkas, piemēram, `unicode-range`, lai nodrošinātu, ka katram zīmju diapazonam tiek ielādēts pareizais burtveidols.

Rīcības ieteikums: Sistemātiski pārbaudiet savu saturu attiecībā uz nepareizi attēlotām zīmēm. Izveidojiet sarakstu ar visām diakritiskajām zīmēm, kas sastopamas jūsu mērķa valodās. Veiciet vizuālu pārbaudi Chrome, Firefox un Safari. Pašu mitinātiem burtveidoliem ģenerējiet burtveidolu failus ar tādu rīku kā Font Squirrel un pievērsiet uzmanību „Subsetting” aktivizēšanai attiecīgajiem Unicode blokiem. Tīmekļa burtveidoliem, piemēram, Google Fonts, izvēlieties variantu „latin-ext” vai „cyrillic-ext”. Iekļaujiet savā darbplūsmā QA fāzi zīmju pārbaudei, ideālā gadījumā ar dzimtās valodas runātājiem, kas apstiprina pareizu attēlojumu.

Fontu izmēri un lasāmība uz ekrāniem

Pareiza burtu lieluma izvēle būtiski ietekmē jūsu satura lasāmību uz ekrāniem, īpaši daudzvalodu kontekstā. Burtu lielumi jāoptimizē ne tikai latīņu burtiem, bet arī rakstības sistēmām, piemēram, grieķu, kirilicas vai pat valodām ar daudz diakritiskajām zīmēm. Īkšķa noteikums: optiskais burtu lielums atšķiras atkarībā no fonta un valodas. Piemēram, kirilicas burtiem bieži nepieciešams nedaudz lielāks iestatījums, lai sasniegtu tādu pašu lasāmību kā latīņu burtiem.

Atbildīgajā tīmekļa dizainā izmantojiet relatīvās vienības, piemēram, `rem` vai `em`. Iestatiet pamata izmēru vismaz 16px pamattekstam – tas ir lielākās pārlūkprogrammas noklusētais standarts. Virsrakstiem un navigācijas elementiem varat atbilstoši mērogot. Ņemiet vērā, ka mobilo ierīču lietotāji parasti dod priekšroku lielākam burtu lielumam; pārbaudiet savu tipogrāfiju dažādos ekrāna izmēros. Rindstarpas no 1.4 līdz 1.6 (kā `line-height`) uzlabo lasāmību, īpaši šaurās teksta kolonās. Valodām ar daudz umlautu vai akcentu (piem., somu, igauņu) var būt noderīga nedaudz lielāka rindstarpu vērtība, lai izvairītos no pārklāšanās.

Pievērsiet uzmanību pietiekamam kontrastam starp tekstu un fonu: pamattekstam izmantojiet vismaz kontrasta attiecību 4.5:1 (WCAG AA). Lieliem tekstiem (no 18px treknrakstā vai 24px parastā) pietiek ar 3:1. Izmantojiet rīkus, piemēram, Contrast Checker, lai pārbaudītu savas krāsu kombinācijas. Izvairieties no pārāk gaišiem pelēkajiem toņiem uz balta fona, jo tie pasliktina lasāmību. Fonu attēliem vai krāsu gradientiem izmantojiet tumšu teksta krāsu vai novietojiet tekstu uz daļēji caurspīdīga fona.

Rīcības ieteikums: Izveidojiet vienotu burtu lieluma hierarhiju un dokumentējiet to savai komandai. Pārbaudiet savus burtu lielumus visās mērķvalodās uz atsauces ierīces (piem., iPhone 12, 15 collu klēpjdatorā). Pielāgojiet `line-height` atbilstoši valodai – piemēram, poļu valodai, kas apvieno daudzas diakritiskās zīmes (piem., „ź”). Izmantojiet CSS mainīgos, lai centralizēti pārvaldītu lielumus. Ieviesiet „Lasāmības kontrolsarakstu”, kas pārbauda kontrastu, rindstarpas un absolūto lielumu katrai valodas versijai. Iesaistiet dzimtās valodas runātājus, lai subjektīvi novērtētu lasāmību.

Valodai specifiskas tipogrāfiskās konvencijas (piem., pēdiņas)

Katrai valodai ir savas tipogrāfiskās konvencijas, kas pārsniedz vienkāršu fonta izvēli. Pēdiņas ievērojami atšķiras: vācu valodā tiek izmantotas „Gänsefüßchen” apakšā un augšā („…”), angļu valodā – „…” (dubultās) vai '…' (vienkāršās), franču valodā – guillemets « … » ar atstarpēm, spāņu un itāļu valodā arī « … », poļu valodā – „…” vai «…» atkarībā no stila. Nepareizi novietotas pēdiņas izskatās neprofesionāli un var mulsināt lasītājus. Tāpēc savā satura pārvaldības sistēmā izmantojiet valodai specifiskas atzīmes.

Citas konvencijas ir skaitļu, datumu formātu, decimālo atdalītāju un tūkstošu atdalītāju attēlošana. Vācu valodā decimālais komats ir (1,5), angļu valodā punkts (1.5). Tāpat atšķiras valūtu formatējums (piem., € pirms vai pēc summas) un atstarpju izmantošana pirms procentu zīmes vai mērvienībām. Valodām ar nelatīņu rakstību (grieķu, kipriešu) ir jānodrošina atbilstošās valūtas un pieturzīmju zīmes. Piemērs: Grieķu semikols (·) atgādina punktu, bet tiek lietots citādi.

Elipses, domuzīmes un izsaukuma zīmes atbilst valodai specifiskām noteikumiem. Spāņu valodā jautājuma un izsaukuma zīmes tiek liktas gan teikuma sākumā, gan beigās (¿…? ¡…!). Vācu valodā defises savieno vārdus, savukārt domuzīmes (pusgarā domuzīme –) tiek liktas ar atstarpēm. Neignorējiet šīs smalkas detaļas, jo tās ietekmē lasāmību un uzticību jūsu saturam. Izmantojiet internacionalizētu veidni, kas atkarībā no valodas un reģiona iestatījumiem lieto pareizās pieturzīmes.

Rīcības ieteikums: Izveidojiet tipogrāfisko noteikumu sarakstu katrai no savām 24 ES valodām. Koncentrējieties uz pēdiņām, decimālajiem atdalītājiem un datumu formātiem. Izmantojiet linteri (piem., Vale vai Proselint) savā publicēšanas darbplūsmā, lai automātiski atklātu pārkāpumus. Pārbaudiet attēlojumu lokalizētajā saskarnē – īpaši formās un dinamiskajā tekstā. Sadarbojieties ar lokalizācijas pakalpojumu sniedzēju, kas pārzina šīs konvencijas. CMS spraudņiem, piemēram, WPML vai Shopify, varat izmantot valodu pakotnes, kas ietver tipogrāfijas iestatījumus. Apmāciet savus redaktorus par svarīgākajām atšķirībām, lai izvairītos no manuālām kļūdām.

Responsīvā tipogrāfija daudzvalodu tīmekļa vietnēm

Fontu izmēru un atstarpju pielāgošana dažādiem ekrāna izmēriem ir īpaši sarežģīta daudzvalodu projektos. Kamēr fonta lielums vācu valodā var būt labi salasāms, tas var kļūt pārāk šaurs valodās ar sarežģītām rakstzīmēm (piemēram, grieķu) vai gariem vārdu salikumiem (piemēram, nīderlandiešu). Praksē sevi ir pierādījusi relatīvo vienību, piemēram, rem vai em, izmantošana, jo tās nodrošina elastīgu mērogošanu. Lai panāktu vienmērīgas pārejas starp lūzuma punktiem, izmantojiet CSS funkcijas, piemēram, "clamp()": ar to nosakiet minimālo vērtību, vēlamo vērtību (piem., "1vw + 1em") un maksimālo vērtību. Tādējādi fonts paliek labi salasāms uz jebkuras ierīces, nepārmērīgi sarūkot vai palielinoties eksotiskās valodās.

Otrs aspekts ir fonta izvēle responsīviem izkārtojumiem. Mainīgie fonti ļauj dinamiski pielāgot svaru, platumu un citas asis – ideāli piemēroti valodām ar dažādām līniju biezuma prasībām. Pārliecinieties, ka fonts aptver visas nepieciešamās glifas (piemēram, diakritiskās zīmes čehu, poļu vai latviešu valodā). Pārbaudiet attēlojumu mobilajās ierīcēs ar reāliem tekstiem: īpaši burtu atstatums (tracking) var pasliktināt salasāmību šauros ekrānos. Pielāgojiet rindkopu atstarpi vismaz līdz 1.4–1.6 no fonta lieluma, jo garie vārdi tādās valodās kā vācu vai ungāru prasa vairāk vertikālas telpas.

Praktiski mēs iesakām katrai valodai pārbaudīt vismaz trīs reprezentatīvus teksta blokus dažādos lūzuma punktos: viedtālrunis (320 pikseļi), planšetdators (768 pikseļi) un galddators (1280 pikseļi). Izmantojiet reālu saturu no sava projekta, nevis aizvietotājus. Pievērsiet uzmanību nevēlamiem vārdu pārrāvumiem vai pārklāšanās – īpaši valodās ar šauriem burtiem (piem., hindi). Ja nepieciešams, konteineru horizontālai mērogošanai iestatiet "min-width: auto", lai teksta sadaļām nodrošinātu pietiekami daudz vietas. Responsīva pieeja, kas ņem vērā valodai specifiskas nianses, uzlabo salasāmību un lietotāju uzticību katrā mērķa reģionā.

Pieejamība un iekļaujoša fontu veidošana

Pieejama tipogrāfija ir ne tikai juridiska prasība, bet arī kvalitātes pazīme. ES direktīva par pieejamu tīmekļa vietņu piekļuvi (ES 2019/882) attiecas arī uz fontu veidošanu. Tomēr ņemiet vērā, ka konkrēta ieviešana prasa atsevišķu juridiskās konsultācijas. Praksē jānodrošina kontrasti saskaņā ar WCAG 2.1 AA: minimālā kontrasta attiecība 4,5:1 parastajam tekstam un 3:1 lielajam tekstam. Izmantojiet tādus rīkus kā WebAIM kontrasta pārbaudītāju, lai pārbaudītu savas krāsu kombinācijas. Ņemiet vērā, ka gaišos fontos (piemēram, ziemeļvalstu valodās) spilgtums var izskatīties citādi – pārbaudiet ar gaišu fonu un tumšo režīmu.

Cilvēkiem ar redzes traucējumiem ir svarīgi izvēlēties skaidru, labi atšķiramu fontu. Pieredze rāda, ka bezserifa fonti (Sans-Serif), piemēram, Arial, Verdana vai Open Sans, ekrānos ir labāk salasāmi. Izvairieties no dekoratīviem vai pārāk šauriem fontiem, jo tie mazos izmēros (piem., 12 pikseļi) ir grūti salasāmi. Valodās ar daudz diakritiskām zīmēm (piem., rumāņu, poļu) fontam skaidri jāattēlo punkti un ķeksīši – pārbaudiet glifas dažādos izmēros. Pietiekams rindu atstatums (vismaz 1.5) palīdz arī cilvēkiem ar kognitīviem traucējumiem vieglāk sekot tekstam.

Iekļaujoša fontu veidošana nozīmē arī semantisko marķējumu ievērošanu. Izmantojiet virsrakstus (h1–h6) ar konsekventu hierarhiju, ko atpazīst ekrāna lasītāji. Nelietojiet pamattekstā lielos burtus līdzinājumu vai bloku līdzinājumu, jo tas pasliktina salasāmību. Daudzvalodu lapām svarīgi norādīt pareizo valodu HTML lang atribūtā – tas uzlabo izrunu, izmantojot ekrāna lasītājus. Pārbaudiet savu fontu izvēli ar reāliem lietotājiem ar invaliditāti vai izmantojot simulācijas rīkus (piem., krāsu akluma simulatorus). Tādējādi nodrošināsiet, ka jūsu vietne ir pieejama un iekļaujoša visās 24 ES valodās.

Testēšana un validēšana: rīki un metodes 24 valodām

Tipogrāfijas kvalitāti 24 valodās var nodrošināt tikai ar sistemātisku testēšanu. Pārbaudīta pieeja ir automatizēto pārbaužu un manuālās pārbaudes kombinācija. Izmantojiet tādus rīkus kā Font Coverage Checker (piemēram, no Typekit vai Google Fonts ekosistēmas) vai specializētus pakalpojumus, piemēram, FontDrop!, lai pārbaudītu, vai jūsu fonts aptver visas nepieciešamās valodu rakstzīmes. Īpaši pievērsiet uzmanību speciālajām rakstzīmēm, piemēram, ß (eszets) vācu valodai, Ł (pārsvītrotais L) poļu valodai vai Ő (O ar dubulto akūtu) ungāru valodai. Veiciet šo pārbaudi katrai valodai atsevišķi, salīdzinot fonta Unikoda diapazonu ar faktiski nepieciešamo rakstzīmju sarakstu.

Vizuālajam novērtējumam mēs iesakām izveidot testa lapas ar oriģinālo saturu visās 24 valodās. Simulējiet dažādus ekrāna izmērus, izmantojot izstrādātāja rīkus (Device Mode pārlūkprogrammā), un pārbaudiet šādus kritērijus: – Vai rindu pārrāvums ir loģisks? – Vai vārdi tiek dalīti neparastā veidā? – Vai visi akcenti un diakritiskās zīmes ir pareizi novietotas? Valodām ar rakstību no labās uz kreiso pusi (arābu) papildus pārbaudiet izlīdzināšanu un skaitļu attēlošanu. Lasāmības lineārai novērtēšanai izmantojiet Flesch-Reading-Ease formulu attiecīgajā valodā – taču ņemiet vērā, ka šī formula ir jāpielāgo katrai valodai. Praksē labāks rādītājs ir dzimtās valodas runātāju subjektīvās atsauksmes.

Papildus mēs iesakām izmantot automatizētās pārbaudes: ar Paged.js vai līdzīgām bibliotēkām varat ģenerēt testa lapu ekrānuzņēmumus un salīdzināt tos ar atsauces smalko regulējumu. Tādi rīki kā W3C HTML Validators vai CSS Validators palīdz izvairīties no sintakses kļūdām, kas varētu ietekmēt fontu attēlošanu. Katrai valodai izveidojiet kontrolsarakstu ar biežākajām problēmām (piemēram, pārāk garas rindas, trūkstošas glifas). Plānojiet regulāras testēšanas sesijas pēc katra satura atjauninājuma – īpaši, ja tiek pievienotas jaunas valodas. Tikai konsekventa validēšana nodrošina, ka jūsu daudzvalodu tipogrāfija visās ierīcēs un visās ES valodās izskatās uzticama un ticama.

Kontrolsaraksts tipogrāfiskajai lokalizācijai

Šis kontrolsaraksts apkopo galvenos pārbaudes punktus, kas jāveic, veicot jūsu tīmekļa vietnes vai lietojumprogrammas tipogrāfisko lokalizāciju 24 ES valodām. Tas kalpo kā praktisks darba instruments, lai izvairītos no tipiskām kļūdām un nodrošinātu konsekventu, lasāmu attēlojumu.

1. Alfabēta un rakstzīmju kopas pārbaude: Pārliecinieties, ka jūsu izvēlētais fonts aptver visas nepieciešamās glifas – jo īpaši latīņu paplašinājumus (piem., Č, Ğ, ß), grieķu rakstzīmes, kirilicas burtus un arābu rakstību. Izmantojiet fontu testēšanas rīkus, piemēram, “Wakamai Fondue” vai “FontDrop!”, lai pārbaudītu aptvērumu. Valodām ar savu alfabētu (piem., bulgāru, grieķu) ieteicams izmantot atsevišķu rezerves fontu.

2. Lasīšanas virziens un izlīdzināšana: Arābu valodai (piem., Maltai? Nē, arābu valoda nav ES oficiālā valoda, bet tā ir svarīga dažiem lietotājiem) ieviesiet “direction: rtl” un pielāgojiet teksta atkāpes, sarakstus un tabulas. Jauktas valodas saturam (piem., vācu teksts ar arābu citātiem) izmantojiet Unicode-Bidi kontroles rakstzīmes.

3. Rindu atstatums un burtu platums: Palieliniet rindu atstatumu fontiem ar izteiktiem augšējiem un apakšējiem pagarinājumiem (piem., kirilica) par 10–15%, salīdzinot ar latīņu standartiem. Pārbaudiet burtu platumu īpaši šaurām burtu kombinācijām grieķu valodā.

4. Kontrasts un fons: Pārbaudiet krāsu shēmas, lai nodrošinātu pietiekamu kontrastu (vismaz WCAG AA). Ņemiet vērā, ka gaiši fonti uz gaiša fona ar plānu līniju biezumu latīņu paplašinājumos var būt grūti salasāmi. Izmantojiet tumšas teksta krāsas uz gaiša fona.

5. Speciālās rakstzīmes un diakritiskās zīmes: Pārliecinieties, ka akcenti (piem., čehu, rumāņu valodā) nesaskaras ar blakus esošajām rakstzīmēm. Izmantojiet fontus ar optimizētu kerningu akcentētām rakstzīmēm.

6. Fontu izmēri: Definējiet relatīvos izmērus (em/rem) un pārbaudiet lasāmību visās valodās. Fontiem ar daudz līnijām (piem., grieķu) var būt nepieciešams nedaudz lielāks fonts (0,1–0,2 rem).

7. Pēdiņas un pieturzīmes: Pielāgojiet tās atbilstoši valodai (piem., „ “ vācu valodai, « » itāļu valodai). Izmantojiet CSS ar :lang(), lai automātiski iestatītu pareizās rakstzīmes.

8. Responsīvā tipogrāfija: Nosakiet lūzuma punktus, kuros fontu izmēri un rindu atstatumi tiek optimizēti katrai valodai. Pārbaudiet mobilajās ierīcēs, īpaši gariem vārdiem (piem., nīderlandiešu, vācu valodā).

9. Testēšana un validēšana: Katrai valodai veiciet ekrānuzņēmumu salīdzināšanu. Tādi rīki kā Selenium vai Percy palīdz automātiski atklāt novirzes.

10. Pieejamība: Izmantojiet pietiekamus kontrastus, mērogojamus fontus un izvairieties no tikai krāsu kodēšanas. Pārbaudiet ar ekrāna lasītājiem, vai speciālās rakstzīmes tiek pareizi izrunātas.

Dokumentējiet savus lēmumus stila rokasgrāmatā katrai valodai. Atkārtojiet kontrolsarakstu pie katra lielāka atjauninājuma.

Nākotnes tendences: mainīgie fonti un AI atbalstītā tipogrāfija

Tipogrāfiskā ainava attīstās strauji – divas tendences īpaši ietekmēs daudzvalodu lokalizāciju nākamajos gados: mainīgie fonti un AI atbalstītā optimizācija. Abas sniedz iespējas ievērojami uzlabot lasāmību un efektivitāti 24 ES valodās.

Mainīgie fonti apvieno vairākus griezumus (piem., viegls, treknraksts, šaurs) vienā datnē, un tos var dinamiski pielāgot, izmantojot asis, piemēram, svaru, platumu vai optisko izmēru. Daudzvalodu projektiem tas nozīmē: varat izvēlēties optimālo līnijas biezumu vai platumu katrai valodai vai pat katrai sadaļai, neielādējot papildu fontu datnes. Piemēram, grieķu valodai varat izvēlēties platāku iestatījumu, lai uzlabotu lasāmību, savukārt vācu valodā izmantot šaurāku variantu, lai ietaupītu vietu virsrakstos. Tomēr pārliecinieties, ka mainīgie fonti aptver visas nepieciešamās rakstzīmju kopas – ne visi piedāvā, piemēram, kirilicas vai grieķu glifus. Pirms lietošanas pārbaudiet sava CSS rekvizītu “font-variation-settings”.

AI atbalstītā tipogrāfija ietver rīkus, kas automātiski iesaka optimālo fontu, izmēru un krāsu, pamatojoties uz saturu, valodu un mērķauditoriju. Šīs sistēmas analizē tekstu garumus, lasīšanas virzienu un vēsturiskos datus, lai, piemēram, pielāgotu rindu atstarpi vai prioritizētu rezerves fontus. Pirmās platformas, piemēram, Adobe Fonts vai Google Fonts, integrē mašīnmācīšanos, lai uzlabotu veiktspēju. Nākotnē AI rīki varētu patstāvīgi ģenerēt fontu kombinācijas jauktu valodu lapām, ņemot vērā kultūras preferences (piem., serifus vācu valodā, bezserifus angļu valodā).

Praktiski ieteikumi: Eksperimentējiet ar mainīgiem fontiem, kas atbalsta gan latīņu, gan nelatīņu rakstzīmes (piem., “Amstelvar” vai “Decovar”). Izmantojiet pakalpojumus, piemēram, Fontsource, lai iegūtu optimizētas būvējumu versijas. Testējiet AI rīkus automātiskai izmēra pielāgošanai, bet vienmēr pārbaudiet rezultātus manuāli – īpaši valodās ar gariem vārdiem (somu, vācu). Izstrādājiet pakāpeniskas ieviešanas stratēģiju, lai nodrošinātu saderību ar vecākām pārlūkprogrammām.

Sekojiet līdzi progresam fontu tehnoloģijā, jo mainīgie fonti nākotnē varētu pielāgot arī valodai specifiskas metrikas (piem., x-augstumu). Labāk paļaujieties uz pārbaudītiem standartiem, pirms pilnībā uzticaties AI vadītiem risinājumiem – cilvēka kontrole joprojām ir būtiska kultūras un tipogrāfijas niansēm.

Biežākās kļūdas un nepilnības daudzvalodu tipogrāfijā

Pat rūpīgi plānojot, pastāv tipogrāfijas kļūmes, kas ietekmē lasāmību un uzticamību. Klasiska kļūda ir tādu fontu izmantošana, kas nesatur visas nepieciešamās rakstzīmes. Vācu valodā, piemēram, nepieciešami umlauti un ß, savukārt poļu, čehu vai rumāņu valodā ir daudz diakritisko zīmju. Ja tās fontā trūkst, tās tiek aizstātas ar aizvietotājzīmēm vai tukšiem kvadrātiem – droša profesionalitātes trūkuma pazīme. Tāpēc iepriekš pārbaudiet sava fonta rakstzīmju kopu katrai mērķvalodai.

Vēl viens klupšanas akmens ir valodai specifisko tipogrāfijas konvenciju neievērošana. Pēdiņas stipri atšķiras: vācu valodā lieto „...“, franču « ... », angļu “...”. Ja tās nav pareizi lokalizētas, teksts šķiet svešs. Tāpat ir ar skaitļu formātiem, tūkstošu atdalītājiem un decimāldaļu atdalītājiem: punkts vācu valodā var tikt pārprasts kā decimāldaļas atdalītājs angļu valodā. Tāpēc pārbaudiet visus skaitliskos attēlojumus katrā valodā.

Lasīšanas virzienu bieži ņem vērā tikai arābu un ivrita valodām, taču arī ES iekšienē ir nianses. Maltiešu valoda izmanto latīņu alfabētu, bet ar arābu valodas ietekmi – šeit jauktos tekstos var rasties lasīšanas virziena maiņas. Pārliecinieties, ka jūsu izkārtojums pareizi attēlo divvirzienu tekstus (piem., skaitļus arābu plūstošajā tekstā).

Vēl viena problēma: fiksēti fontu izmēri un rindu atstarpes, kas optimizēti vienai valodai, citās valodās var izraisīt pārklāšanos vai pārāk daudz tukšas vietas. Piemēram, valodām ar daudz akcentu (piem., čehu) bieži nepieciešama lielāka rindu atstarpe, savukārt Āzijas rakstzīmēm (lai gan ES nav oficiālas, bet daudzvalodu projektos nozīmīgas) ir citas proporcijas. Tāpēc izmantojiet relatīvās vienības (em, rem) un testējiet ar garākajām gaidāmajām teksta versijām.

Visbeidzot: nenovērtējiet par zemu fonta izvēles ietekmi uz uzticību. Rotaļīgs fonts var būt piemērots noteiktai mērķauditorijai, bet citā tas var šķist nenopietns. Iesaistiet vietējos dzimtās valodas runātājus fonta novērtēšanā. Profesionāls iespaids rodas tikai tad, ja visas valodai specifiskās detaļas ir pareizas – no glifu pārklājuma līdz kultūras konotācijai.

Praktisks darba plūsmas modelis: sadarbība ar pakalpojumu sniedzējiem un tipogrāfiskās lokalizācijas pārbaude

Konsekventas tipogrāfiskās lokalizācijas īstenošana 24 ES valodām prasa strukturētu procesu, kas iesaista dizainerus, izstrādātājus un tulkotājus. Sāciet ar stila ceļveža izveidi, kas katrai valodai nosaka šādus aspektus: fonts (ietverot rezerves fontus), fonta izmēri, rindu atstarpes, izlīdzinājums, krāsu shēma un speciālo rakstzīmju attēlošana. Šis ceļvedis kalpo par saistošu pamatu visiem iesaistītajiem.

Sadarbībā ar tulkošanas pakalpojumu sniedzējiem ir ieteicams jau instrukcijā norādīt tipogrāfiskās prasības. Lūdziet testa tulkojumus katrai valodai, ko varat ievietot savā izkārtojumā. Izmantojiet tādus rīkus kā Figma vai Adobe XD, kas atbalsta daudzvalodu teksta variantus, lai pārbaudītu vizuālos attēlojumus. Pievērsiet uzmanību pārāk garajiem tekstiem: daži teksti vācu vai holandiešu valodā ir ievērojami garāki nekā angļu valodā. Plānojiet pietiekami daudz vietas vai izmantojiet dinamiskus izkārtojumus, kas pielāgojas.

Galvenais solis ir testēšana reālajā mērķa vidē – neatkarīgi no tā, vai tā ir vietne vai lietotne. Izmantojiet reālu saturu, nevis tikai vietturus. Pārbaudiet katru valodu attiecībā uz rindu pārtraukumiem, teksta pārplūdēm un pareizu speciālo rakstzīmju attēlošanu. Noderīgi ir automatizēti testi ar tādiem rīkiem kā BrowserStack vai ekrānuzņēmumu salīdzinājumi. Veiciet arī manuālas pārbaudes ar dzimtās valodas runātājiem, kuriem ir tipogrāfijas izpratne.

Dokumentējiet radušās problēmas centrālā problēmu izsekotājā, norādot valodu un precīzu kļūdu. Tādējādi izvairīsieties no tā, ka viena un tā pati kļūda tiek palaista garām vairākās valodās. Plānojiet vairākas iterācijas: pēc pirmās ieviešanas seko atgriezeniskās saites cikls, kurā dizaineri un izstrādātāji veic labojumus.

Ņemiet vērā arī juridiskos aspektus: ja licencējat fontus, pārbaudiet, vai licence aptver visas valodas un plānoto izmantošanu (tīmeklis, lietotne, druka). Dažiem fontiem ir ierobežojumi attiecībā uz rakstzīmju skaitu vai iegulšanu. Padoms: sarežģītu licencēšanas jautājumu gadījumā konsultējieties ar juristu.

Visbeidzot: labi dokumentēta darba plūsma ietaupa laiku un izmaksas. Pēc projekta pabeigšanas veiciet retrospekciju, lai gūtu atziņas turpmākajām lokalizācijām. Tādējādi tipogrāfiskā kvalitāte tiek nepārtraukti uzlabota visās valodās.