{"id":88771,"date":"2026-08-12T14:25:59","date_gmt":"2026-08-12T11:25:59","guid":{"rendered":"https:\/\/twodots.gr\/?p=88771"},"modified":"2026-08-12T14:25:58","modified_gmt":"2026-08-12T11:25:58","slug":"nema-pristupa-tekstu-u-evandelju","status":"publish","type":"post","link":"https:\/\/twodots.gr\/hr\/den-yparchei-prosvasimi-grammatoseira-evanagnosto-keimeno\/","title":{"rendered":"Ne postoji takva stvar kao \u00abpristupa\u010dan font\u00bb: ono \u0161to tekst zaista \u010dini lakim za \u010ditanje"},"content":{"rendered":"<div class=\"td-article-lede\">\n<p><strong>Nijedan pojedina\u010dni font sam po sebi ne mo\u017ee u\u010diniti web-stranicu pristupa\u010dnom. \u010citljiva tipografija proizlazi iz sljede\u0107ih \u010dimbenika: razli\u010ditih znakova, odgovaraju\u0107e veli\u010dine i debljine, dovoljnog kontrasta, dosljednog razmaka, kontrolirane duljine retka, ispravnog prelijevanja teksta i testiranja s pravim ljudima.<\/strong><\/p>\n<p>Prava poslovna odluka nije tra\u017eiti font s oznakom \u00abpristupa\u010dan\u00bb, ve\u0107 definirati uloge za prikazni i glavni tekst te provjeriti postupak naplate, obrasce, cijene, gre\u0161ke i sadr\u017eaj pri uve\u0107anju u malom pogledu i s prilago\u0111enim razmacima.<\/p>\n<\/div>\n<div class=\"td-article-toc\">\n<div class=\"td-toc-title\">Sadr\u017eaj<\/div>\n<ul>\n<li><a href=\"#lathos-erotisi-sosti-grammatoseira\">Za\u0161to potraga za \u00abpravim\u00bb fontom po\u010dinje pogre\u0161nim pitanjem<\/a><\/li>\n<li><a href=\"#odigies-kai-mythoi-prosvasimotitas\">Kako standardizirane smjernice lako mogu postati mit<\/a><\/li>\n<li><a href=\"#charaktiristika-grammaton-anagnorisi\">Karakteristike slova koje poma\u017eu prepoznavanju<\/a><\/li>\n<li><a href=\"#spacing-kai-leitourgia\">Razmak je funkcionalni element, a ne dekorativni detalj.<\/a><\/li>\n<li><a href=\"#antithesi-megethos-mikos-grammis\">Kontrast, veli\u010dina i duljina linije mijenjaju isti font<\/a><\/li>\n<li><a href=\"#dimiourgikotita-kai-prosvasimotita\">Kreativnost nije u suprotnosti s pristupa\u010dno\u0161\u0107u.<\/a><\/li>\n<li><a href=\"#workflow-elegchou-typografias\">Pouzdaniji tijek rada za dizajnere i marketere<\/a><\/li>\n<li><a href=\"#ti-prepei-na-kratisei-epicheirisi\">\u0160to tvrtka treba \u010duvati<\/a><\/li>\n<\/ul>\n<\/div>\n<h2 id=\"lathos-erotisi-sosti-grammatoseira\">Za\u0161to potraga za \u00abpravim\u00bb fontom po\u010dinje pogre\u0161nim pitanjem<\/h2>\n<p>Obe\u0107anje univerzalno dostupnog fonta je privla\u010dno jer svodi slo\u017een problem na jedan padaju\u0107i izbor. Ako odaberete odobreni font, u teoriji ste gotovi. Me\u0111utim, ne \u010dita svatko na isti na\u010din. O\u0161te\u0107en vid, pote\u0161ko\u0107e s fonolo\u0161kom obradom, jezik, kulturni kontekst te ekonomski ili tehnolo\u0161ki uvjeti svi mijenjaju iskustvo \u010ditanja.<\/p>\n<p>\u010cak i W3C napominje da, iako su neki fontovi \u010ditljiviji od drugih, individualne potrebe variraju i ne postoji konsenzus koji bi op\u0107enito rije\u0161io raspravu o serifima naspram sans serifa. To ne zna\u010di da su sve opcije jednake. Zna\u010di da je kontekst upotrebe va\u017eniji od oznake.<\/p>\n<p>Za e-trgovinu pitanje stoga nije \u00abkoji je font pristupa\u010dan?\u00bb, nego \u00abmo\u017ee li kupac prepoznati, razumjeti i postupiti prema informacijama u stvarnom kontekstu upotrebe?\u00bb. Dobro dizajnirani postupak pla\u0107anja zahtijeva jasnu hijerarhiju, \u010ditljive cijene, razumljive poruke o pogre\u0161kama i raspored koji ostaje funkcionalan kada korisnik pove\u0107a ili promijeni veli\u010dinu teksta. Ova otpornost je dio na\u010dina na koji <a href=\"https:\/\/twodots.gr\/pos-mia-istoselida-afxanei-tis-poliseis-praktikos-odigos\/\">web stranica podr\u017eava prodaju<\/a>, jer smanjuje nesigurnost neposredno prije djelovanja.<\/p>\n<div class=\"td-comparison\">\n<p class=\"td-comparison-title\">\u010cetiri razine koje odre\u0111uju je li tekst \u010ditljiv<\/p>\n<div class=\"td-comparison-cards td-comparison-cards--horizontal\">\n<div class=\"td-comparison-grid td-comparison-grid--four\">\n<div class=\"td-platform-card\">\n<h3>Profil lika<\/h3>\n<p>Slovima i brojevima mora biti dovoljno jasno razlikovati ih kako se I, l, 1 i drugi sli\u010dni oblici ne bi mije\u0161ali u vrijednostima, kodovima i poljima.<\/p>\n<\/div>\n<div class=\"td-platform-card\">\n<h3>Postavke ispisa<\/h3>\n<p>Veli\u010dina, te\u017eina, razmak izme\u0111u redaka, razmak unutar slova i duljina retka utje\u010du na prikaz iste obitelji fontova vi\u0161e nego op\u0107a oznaka 'serif' ili 'sans serif'.<\/p>\n<\/div>\n<div class=\"td-platform-card\">\n<h3>Prilagodljivi izgled<\/h3>\n<p>Gumbi, kartice, navigacijski elementi i obrasci moraju mo\u0107i primiti pove\u0107anje veli\u010dine teksta i razmaka bez obrezivanja, preklapanja ili horizontalnog pomicanja.<\/p>\n<\/div>\n<div class=\"td-platform-card\">\n<h3>Ljudi i sadr\u017eaj<\/h3>\n<p>Jezik, ure\u0111aj, vizualna prezentacija i metoda obrade svi se razlikuju. Standardima se smanjuju predvidive prepreke, dok testiranje otkriva ostalo.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h2 id=\"odigies-kai-mythoi-prosvasimotitas\">Kako standardizirane smjernice lako mogu postati mit<\/h2>\n<p>D\u00edaz navodi zahtjeve ADA-e za sans-serif fontove na odre\u0111enim zaslonima i signalizaciji kao primjer. Pravila su stvorena za odre\u0111ena podru\u010dja primjene, ali kad se izvuku iz konteksta mogu se pretvoriti u op\u0107u dogmu da su serifni fontovi uvijek zabranjeni. Ameri\u010dki odbor za pristupa\u010dnost doista propisuje sans-serif fontove za odre\u0111ene istaknute znakove i specifi\u010dne oznake; to ne predstavlja univerzalnu obvezu za svaki digitalni \u010dlanak ili brend.<\/p>\n<p>Ova razlika je klju\u010dna za marketin\u0161ke i dizajnerske timove. Uskla\u0111enost zahtijeva pa\u017eljivo \u010ditanje standarda: kojeg medija obuhva\u0107a, kojeg razine implementacije se ti\u010de i koje pona\u0161anje testira. Kopiranje preporuke iz karusela bez izvornog konteksta mo\u017ee stvoriti la\u017ean osje\u0107aj sigurnosti.<\/p>\n<p>Smjernice su minimalni standardi, a ne zamjena za istra\u017eivanje korisnika. Stranica mo\u017ee pro\u0107i tehni\u010dku provjeru, a ipak se pokazati te\u0161kom za neke \u010dlanove publike. Suprotno tome, stilski izbor mo\u017ee biti prihvatljiv ako se koristi \u0161tedljivo, u velikoj veli\u010dini fonta i bez samostalnog preno\u0161enja klju\u010dnih informacija.<\/p>\n<div class=\"td-article-note\"><strong>Ne pro\u0161irujte pravilo izvan njegovog opsega:<\/strong> Ameri\u010dki Odbor za pristupa\u010dnost zahtijeva sans-serif fontove za odre\u0111ena ispup\u010dena slova koja se koriste u signalizaciji. Ovo ne predstavlja op\u0107u zabranu serif fontova na web-stranicama, u \u010dlancima ili u internetskim trgovinama.<\/div>\n<h2 id=\"charaktiristika-grammaton-anagnorisi\">Karakteristike slova koje poma\u017eu prepoznavanju<\/h2>\n<p>\u010clanak predla\u017ee provjerena i utemeljena na\u010dela: primjerenu upotrebu fonta, relativno visoku x-visinu, slova koja su jasno razlikovljiva jedne od drugih i proporcionalno razmaknuta. Ukrasni pisani font mo\u017ee dobro funkcionirati za kratak naslov, ali nije o\u010diti izbor za veliki blok malog teksta. Kada su mala slova vrlo mala u usporedbi s velikim slovima, glavni tekst postaje te\u017ee \u010ditljiv, jer je ve\u0107ina slova s kojima se \u010ditatelj susre\u0107e u malom obliku.<\/p>\n<p>D\u00edaz tako\u0111er savjetuje da se ne koriste znakovi sastavljeni isklju\u010divo od sli\u010dnih geometrijskih oblika, jer ih je time te\u0161ko razlikovati. Ovaj se princip mo\u017ee provjeriti u praksi: usporedite parove kao \u0161to su velika slova I, malo slovo l i broj 1, ili slova sli\u010dnih oblika u jeziku sadr\u017eaja. U kodovima, vrijednostima, adresama i obrascima dvosmislenost znakova mo\u017ee dovesti do funkcionalnih pogre\u0161aka, a ne samo do estetskog problema.<\/p>\n<p>Izbor se mora testirati u stvarnim uvjetima u pogledu te\u017eine, veli\u010dine i okru\u017eenja. U <a href=\"https:\/\/twodots.gr\/website-design-inspiration-prin-chtioume-ananeosoume-site\/\">Obnova web stranice<\/a>, vizualne reference slu\u017ee kao polazna to\u010dka, a ne kao dokaz da \u0107e ista tipografija funkcionirati s stvarnim sadr\u017eajem. Font koji na plakatu izgleda o\u0161tro mo\u017eda ne\u0107e funkcionirati na kartici mobilnog proizvoda. Identitet brenda nije izgubljen kada tim koristi razli\u010dite tipografske oblike za naslove i za tekst glavnog dijela; naprotiv, time se stvara dosljedan sustav.<\/p>\n<h2 id=\"spacing-kai-leitourgia\">Razmak je funkcionalni element, a ne dekorativni detalj.<\/h2>\n<p>Previ\u0161e uzak razmak mo\u017ee uzrokovati vizualno spajanje slova i usporiti prepoznavanje. Design Week povezuje usko razmaknuto slaganje s pote\u0161ko\u0107ama u sakadnim pokretima o\u010diju i sugerira da, ako je rije\u010d o svjesnom estetskom izboru, treba biti ograni\u010deno na kratke naslove velikih slova.<\/p>\n<p>WCAG 1.4.12 ne name\u0107e odre\u0111eni po\u010detni razmak u svakom dizajnu. Zahtijeva da se nijedan sadr\u017eaj ili funkcionalnost ne izgubi kada korisnik postavi visinu retka na najmanje 1,5 puta veli\u010dinu fonta, razmak izme\u0111u odlomaka od 2 puta, razmak izme\u0111u slova od 0,12 puta i razmak izme\u0111u rije\u010di od 0,16 puta veli\u010dine fonta. Klju\u010d je prilagodljivost: spremnici, gumbi i kartice ne smiju prekidati niti preklapati tekst.<\/p>\n<p>Za timove za proizvode to se prevodi u specifi\u010dne zadatke osiguranja kvalitete. Omogu\u0107ite prebrisavanje u \u010detiri polja; provjerite navigaciju, banere, gumbe, filtre, postupak pla\u0107anja i stanja pogre\u0161aka. Dizajnerski sustav koji radi samo s podrazumijevanim postavkama nije robustan.<\/p>\n<div class=\"td-chart td-chart--metrics\">\n<p class=\"td-chart-title\">\u0160est provjerljivih WCAG kriterija za tekst i raspored<\/p>\n<p class=\"td-chart-intro\">Prve \u010detiri vrijednosti su postavke testa za WCAG 2.2 SC 1.4.12. Posljednje dvije odnose se konkretno na SC 1.4.4 i 1.4.10; ne preporu\u010duju se kao zadani stil.<\/p>\n<div class=\"td-metric-grid\">\n<div class=\"td-metric-card\">\n<div class=\"td-metric-value\">1,5\u00d7<\/div>\n<div class=\"td-metric-label\">Visina linije<\/div>\n<p>Sadr\u017eaj mora imati visinu retka najmanje 1,5 puta ve\u0107u od veli\u010dine fonta.<\/p>\n<\/div>\n<div class=\"td-metric-card\">\n<div class=\"td-metric-value\">2\u00d7<\/div>\n<div class=\"td-metric-label\">Razmak izme\u0111u odlomaka<\/div>\n<p>Razmak nakon odlomka testira se na najmanje dvostrukoj veli\u010dini fonta.<\/p>\n<\/div>\n<div class=\"td-metric-card\">\n<div class=\"td-metric-value\">0,12\u00d7<\/div>\n<div class=\"td-metric-label\">Razmak izme\u0111u slova<\/div>\n<p>Pove\u0107anje pra\u0107enja ne smije presje\u0107i niti preklapati nijedan sadr\u017eaj.<\/p>\n<\/div>\n<div class=\"td-metric-card\">\n<div class=\"td-metric-value\">0,16\u00d7<\/div>\n<div class=\"td-metric-label\">Razmak izme\u0111u rije\u010di<\/div>\n<p>Gumbi, oznake i kartice moraju ostati funkcionalni s testnom vrijedno\u0161\u0107u.<\/p>\n<\/div>\n<div class=\"td-metric-card\">\n<div class=\"td-metric-value\">200%<\/div>\n<div class=\"td-metric-label\">Promijeni veli\u010dinu teksta<\/div>\n<p>SC 1.4.4 zahtijeva da se tekst duplicira bez ikakvog gubitka sadr\u017eaja ili funkcionalnosti.<\/p>\n<\/div>\n<div class=\"td-metric-card\">\n<div class=\"td-metric-value\">320 CSS px<\/div>\n<div class=\"td-metric-label\">Ponovni protok<\/div>\n<p>SC 1.4.10 zahtijeva da se vertikalni sadr\u017eaj uklopi u vidno polje bez pomicanja u dvije dimenzije.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2 id=\"antithesi-megethos-mikos-grammis\">Kontrast, veli\u010dina i duljina linije mijenjaju isti font<\/h2>\n<p>Isti tipografski font mo\u017ee izgledati ugodno u tamnom tekstu na jednostavnoj pozadini, ali biti izuzetno te\u017eak za \u010ditanje u tankoj debljini s svijetlosivom pozadinom. D\u00edaz predla\u017ee koristan kompromis: ako brend inzistira na ni\u017eem kontrastu, mogao bi ponuditi opciju visokog kontrasta. To ne \u010dini automatski izvornu verziju idealnom, ali prepoznaje da se pristupa\u010dnost mo\u017ee pobolj\u0161ati putem kontrole korisnika.<\/p>\n<p>Kriteriji WCAG-a moraju se \u010ditati odvojeno. SC 1.4.4 (AA) zahtijeva da se tekst mo\u017ee pove\u0107ati do 200 posto bez ikakvog gubitka sadr\u017eaja ili funkcionalnosti, dok SC 1.4.10 (AA) provjerava prilagodbu rasporeda pri \u0161irini od 320 CSS px bez dvodimenzionalnog pomicanja. SC 1.4.8 je AAA kriterij i zahtijeva da bude dostupan mehanizam za opcije kao \u0161to su boje, \u0161irina do 80 znakova, izbjegavanje potpunog poravnanja teksta i prilagodbu razmaka. Ove razlike pokazuju za\u0161to samo ime fonta nije dovoljno: tipografija funkcionira unutar rasporeda.<\/p>\n<p>U praksi \u010dlanak, odredi\u0161na stranica i stranica za naplatu zahtijevaju razli\u010dite razine gusto\u0107e. Dugi odlomci imaju koristi od kontrolirane duljine retka i jasne razdvojenosti. Transakcijski elementi zahtijevaju jasne oznake i prostor za zumiranje ili prijevode. Naslovi mogu biti izra\u017eajniji, pod uvjetom da ostanu prepoznatljivi.<\/p>\n<h2 id=\"dimiourgikotita-kai-prosvasimotita\">Kreativnost nije u suprotnosti s pristupa\u010dno\u0161\u0107u.<\/h2>\n<p>Naju\u010dinkovitiji aspekt fonta jest njegovo odbacivanje la\u017ene dileme. Delikatni, groteskni font s uskim razmakom izme\u0111u znakova ne mora biti isklju\u010den iz svakog brenda. Mo\u017ee se koristiti kao kratki, \u0161iroko vidljivi element prikaza, dok opisi, gumbi i klju\u010dne informacije slijede stro\u017eu logiku. Namjera ostaje, ali je rizik minimiziran.<\/p>\n<p>Ovaj pristup uspostavlja pravila temeljena na ulogama umjesto ograni\u010denja na obitelji. Definirate gdje je dopu\u0161tena ekspresivna vrsta, koja je minimalna veli\u010dina, koja se debljina koristi, koliko teksta mo\u017ee primiti i koja se rezervna obitelj primjenjuje. Na taj na\u010din sustav dizajna usmjerava prakti\u010dne odluke i povezuje UX s dosljedno\u0161\u0107u brenda. Isti se princip primjenjuje kada a <a href=\"https:\/\/twodots.gr\/dedham-vale-rebranding-topos-brand\/\">Rebrendiranje prenosi identitet marke u dosljedne primjene.<\/a> radije nego da se dr\u017ei samo jednog signala.<\/p>\n<p>Za brendove je korist dvostruka. Vizualni identitet ostaje prepoznatljiv, a tim nije prisiljen improvizirati svaki put. Pristupa\u010dnost postaje dizajnerska sposobnost unutar ograni\u010denja, a ne provjera u zadnji \u010das prije lansiranja.<\/p>\n<div class=\"td-decision-band\">\n<p class=\"td-decision-label\">Kada je dekorativni font i dalje siguran izbor?<\/p>\n<p><strong>Kada se koristi u kratkom tekstu prikaza, u dovoljnoj veli\u010dini i s odgovaraju\u0107im kontrastom, i tamo gdje nije jedino sredstvo za preno\u0161enje vrijednosti, upute, pogre\u0161ke, oznake ili drugih informacija koje zahtijevaju radnju.<\/strong><\/p>\n<p>Tijelo teksta i funkcionalni tekst zahtijevaju stro\u017ea pravila. To brendu omogu\u0107uje da zadr\u017ei svoj karakter, a da tro\u0161ak izra\u017eavanja ne prenese na \u010ditatelja.<\/p>\n<\/div>\n<h2 id=\"workflow-elegchou-typografias\">Pouzdaniji tijek rada za dizajnere i marketere<\/h2>\n<p>Lektura zapo\u010dinje s samim sadr\u017eajem i cijenom neuspjeha. Naslovi, glavni tekst, oznake, cijene, pravne informacije, pogre\u0161ke i pozivi na akciju ne slu\u017ee svrsi na isti na\u010din, niti imaju isti raspon izra\u017eavanja.<\/p>\n<p>QA bi se trebao provoditi u responzivnom okru\u017eenju, a ne samo na stati\u010dkim artboardima. Ovaj pristup nadopunjuje <a href=\"https:\/\/twodots.gr\/epanaprosdiorizontas-to-pixel-perfect-web-design\/\">preoblikovanje besprijekornog web dizajna<\/a>Kvaliteta se mjeri pona\u0161anjem sustava, a ne njegovom sposobno\u0161\u0107u da reproducira idealnu sliku.<\/p>\n<div class=\"td-step-list\">\n<p class=\"td-step-list-title\">\u0160est koraka za provjeru \u010ditljivosti postavke teksta prije lansiranja<\/p>\n<ol>\n<li><span class=\"td-step-kicker\">Korak 1<\/span><strong>Identificirajte funkcije teksta.<\/strong>\n<p>Identificirajte naslove, glavni tekst, oznake, cijene, pogre\u0161ke, pravne tekstove i pozive na akciju. Zabilje\u017eite koje su elemente nu\u017eno potrebno za dovr\u0161etak kupnje ili prijave.<\/p>\n<\/li>\n<li><span class=\"td-step-kicker\">Korak 2<\/span><strong>Provjerite znakove u stvarnom sadr\u017eaju<\/strong>\n<p>Isprobajte gr\u010dki, latinski tekst, brojeve, kodove i simbole pri njihovoj to\u010dnoj proizvodnoj te\u017eini i veli\u010dini. Ne ocjenjujte font isklju\u010divo na temelju uzorka ili naslova.<\/p>\n<\/li>\n<li><span class=\"td-step-kicker\">Korak 3<\/span><strong>Stvorite kontrast i odr\u017eavajte jasnu hijerarhiju<\/strong>\n<p>Provjerite sva stanja, ne samo zadano: prelet mi\u0161em, fokus, onemogu\u0107eno, poruke o valjanosti i tekst preko slika. Hijerarhija mora ostati vidljiva bez oslanjanja isklju\u010divo na boju.<\/p>\n<\/li>\n<li><span class=\"td-step-kicker\">Korak 4<\/span><strong>Primijenite \u010detiri vrijednosti navedene u SC 1.4.12<\/strong>\n<p>Pove\u0107ajte razmak izme\u0111u redaka, odlomaka, slova i rije\u010di odjednom. Identificirajte obrezivanje, preklapanje, skrivene oznake i gumbe koji se ne prilago\u0111avaju veli\u010dini zajedno s tekstom.<\/p>\n<\/li>\n<li><span class=\"td-step-kicker\">Korak 5<\/span><strong>Poku\u0161ajte promijeniti veli\u010dinu i ponovno rasporediti.<\/strong>\n<p>Provjerite tekst pri 200% zumu i sadr\u017eaj pri \u0161irini od 320 CSS px. Navigacija, kartice proizvoda, naplata i modalni dijalozi moraju ostati \u010ditljivi i funkcionalni.<\/p>\n<\/li>\n<li><span class=\"td-step-kicker\">Korak 6<\/span><strong>Provjerite kod ljudi i zabilje\u017eite svoja zapa\u017eanja.<\/strong>\n<p>Uzmite u obzir \u010ditatelje s razli\u010ditim potrebama, ure\u0111ajima i postavkama. Pretvorite nalaze u smjernice sustava dizajna i regresijske testove za budu\u0107a izdanja.<\/p>\n<\/li>\n<\/ol>\n<\/div>\n<p>Nalazi se moraju vratiti u sustav dizajna kao pravila uloga, minimalne veli\u010dine, odobreni te\u017einski rasponi, ograni\u010denja duljine i regresijski testovi. Na taj na\u010din sljede\u0107a odredi\u0161na stranica ili kartica proizvoda naslje\u0111uje odluku umjesto da ponovno po\u010dinje od nule.<\/p>\n<h2 id=\"ti-prepei-na-kratisei-epicheirisi\">\u0160to tvrtka treba \u010duvati<\/h2>\n<p>Pristupa\u010dnost je kontinuum pobolj\u0161anja, a ne potvrdni okvir koji jam\u010di savr\u0161en ishod za sve. To ne umanjuje vrijednost uskla\u0111enosti. Stavlja je u njezin pravi kontekst: kao temelj na kojem se grade jasni izbori, robusne komponente, alternativne prezentacije i kontinuirano pra\u0107enje.<\/p>\n<p>Poduze\u0107e ne mora \u010dekati sljede\u0107i redizajn. Mo\u017ee po\u010deti s podru\u010djima najve\u0107eg utjecaja: postupkom pla\u0107anja, obrascima, cijenama, glavnom navigacijom i sadr\u017eajem koji utje\u010de na dono\u0161enje odluka. Provjera nadja\u010davanja razmaka i razina zumiranja \u010desto otkriva probleme u rasporedu koji nisu o\u010diti u idealnom maketu. Za postoje\u0107e stranice, ovo se mo\u017ee uklju\u010diti u <a href=\"https:\/\/twodots.gr\/veltiosi-seo-gia-yparchouses-istoselides-praktiko-plano-diorthoseon\/\">Prioritetni plan za tehni\u010dka pobolj\u0161anja web stranice<\/a>, po\u010dev\u0161i s predlo\u0161cima i putovanjima koja imaju najve\u0107i poslovni utjecaj.<\/p>\n<p>Pravo pitanje nije koji \u0107e nas font osloboditi odgovornosti. Za internetsku trgovinu to zna\u010di da <a href=\"https:\/\/twodots.gr\/poso-kostizei-i-kataskevi-e-shop-paragontes-epiloges-kai-pragmatikos-proypologismos\/\">razvoj i prora\u010dun za internetsku trgovinu<\/a> Mora uklju\u010divati responzivnu i pristupa\u010dnu provjeru kvalitete, a ne samo estetsku implementaciju. Radi se o tome kako dizajniramo sustav koji po\u0161tuje raznolikost na\u0161ih \u010ditatelja, omogu\u0107uje prilagodbu i \u010duva kreativni identitet, a da pritom ne zamagljuje klju\u010dne informacije.<\/p>\n<section class=\"td-service-cta\">\n<div class=\"td-service-cta-content\">\n<p class=\"td-service-cta-eyebrow\">Dizajn web stranice: TWO DOTS<\/p>\n<p class=\"td-service-cta-title\">Neka pristupa\u010dna tipografija bude standardna zna\u010dajka va\u0161e web stranice, a ne popravak u zadnji \u010das.<\/p>\n<p>TWO DOTS kombinira UX\/UI, responzivni razvoj i tehni\u010dku provjeru kvalitete kako bi osigurao da naslovi, obrasci, cijene, sadr\u017eaj i pozivi na akciju ostanu \u010ditljivi na stvarnim ure\u0111ajima i korisni\u010dkim prilagodbama.<\/p>\n<div class=\"td-service-cta-actions\"><a class=\"td-service-cta-button\" href=\"https:\/\/twodots.gr\/kataskevi-istoselidon\/\">Pogledajte na\u0161u uslugu dizajna web stranica<\/a><\/div>\n<\/div>\n<\/section>\n<section id=\"sychnes-erotiseis\" class=\"td-faq-section\">\n<div class=\"td-faq\">\n<p class=\"td-faq-heading\">\u010cesto postavljana pitanja<\/p>\n<details class=\"td-faq-item\">\n<summary class=\"td-faq-title\">Postoji li font koji je svima dostupan?<\/summary>\n<div class=\"td-faq-content\">\n<p>Ne. \u010citljivost ovisi o \u010ditatelju, jeziku, ure\u0111aju, fontovima, veli\u010dini, razmaku, kontrastu, duljini retka i rasporedu.<\/p>\n<\/div>\n<\/details>\n<details class=\"td-faq-item\">\n<summary class=\"td-faq-title\">Jesu li sans-serif fontovi uvijek pristupa\u010dniji od serif fontova?<\/summary>\n<div class=\"td-faq-content\">\n<p>Ne kao univerzalno pravilo za web. Odre\u0111eni zahtjevi za sans serif fontove odnose se specifi\u010dno na odre\u0111ene medije, poput Brailleovog pisma, i ne bi se trebali generalizirati na sav digitalni tekst.<\/p>\n<\/div>\n<\/details>\n<details class=\"td-faq-item\">\n<summary class=\"td-faq-title\">\u0160to to\u010dno provjerava WCAG 1.4.12?<\/summary>\n<div class=\"td-faq-content\">\n<p>Provjerava da nijedan sadr\u017eaj ili funkcionalnost nisu izgubljeni kada korisnik pove\u0107a visinu retka, razmak izme\u0111u odlomaka, razmak izme\u0111u slova i razmak izme\u0111u rije\u010di na navedene vrijednosti.<\/p>\n<\/div>\n<\/details>\n<details class=\"td-faq-item\">\n<summary class=\"td-faq-title\">Zahtijevaju li WCAG smjernice da uvijek koristimo visinu retka od 1,5?<\/summary>\n<div class=\"td-faq-content\">\n<p>SC 1.4.12 ne propisuje ove vrijednosti kao po\u010detni dizajn. Zahtijeva da sadr\u017eaj ostane netaknut kada ih korisnik primijeni bez ikakvih drugih stilskih promjena.<\/p>\n<\/div>\n<\/details>\n<details class=\"td-faq-item\">\n<summary class=\"td-faq-title\">Mo\u017ee li se koristiti dekorativni font?<\/summary>\n<div class=\"td-faq-content\">\n<p>Da, obi\u010dno u kratkom tekstu za prikaz s dovoljnom veli\u010dinom i kontrastom. Ne bi trebao biti jedini medij za kriti\u010dne, opse\u017ene ili funkcionalne informacije.<\/p>\n<\/div>\n<\/details>\n<details class=\"td-faq-item\">\n<summary class=\"td-faq-title\">Za\u0161to je va\u017eno razlikovati sli\u010dna slova?<\/summary>\n<div class=\"td-faq-content\">\n<p>Jer mije\u0161anje slova i brojeva zapravo mo\u017ee dovesti do pogre\u0161aka u cijenama, kodovima, adresama, korisni\u010dkim imenima i obrascima.<\/p>\n<\/div>\n<\/details>\n<details class=\"td-faq-item\">\n<summary class=\"td-faq-title\">Je li dovoljan automatizirani test pristupa\u010dnosti?<\/summary>\n<div class=\"td-faq-content\">\n<p>Ne. Automatske provjere pokrivaju samo neke od problema. Potrebni su ru\u010dni QA testovi responzivnosti, testovi razmaka i zumiranja, kao i evaluacija osoba s razli\u010ditim potrebama.<\/p>\n<\/div>\n<\/details>\n<details class=\"td-faq-item\">\n<summary class=\"td-faq-title\">Koje aspekte internetske trgovine treba prvo provjeriti?<\/summary>\n<div class=\"td-faq-content\">\n<p>Ko\u0161arica, kartice proizvoda, cijene, filtri, navigacija, obrasci, poruke o pogre\u0161kama i pozivi na akciju, jer tipografska ili rasporedna gre\u0161ka u bilo kojem od tih podru\u010dja izravno sprje\u010dava kupnju.<\/p>\n<\/div>\n<\/details>\n<\/div>\n<\/section>\n<div class=\"td-source-list\">\n<p id=\"piges\" class=\"td-source-list-title\">Izvori<\/p>\n<ul>\n<li><a href=\"https:\/\/www.designweek.co.uk\/search\/typographic-accessibility\/\" target=\"_blank\" rel=\"noopener\">Tjedan dizajna \u2014 Za\u0161to dizajneri moraju uzeti u obzir pristupa\u010dnost u tipografiji<\/a><\/li>\n<li><a href=\"https:\/\/www.w3.org\/WAI\/WCAG22\/Understanding\/text-spacing\" target=\"_blank\" rel=\"noopener\">W3C WAI \u2014 Razumijevanje SC 1.4.12: Razmak izme\u0111u redaka<\/a><\/li>\n<li><a href=\"https:\/\/www.w3.org\/WAI\/WCAG22\/Understanding\/resize-text.html\" target=\"_blank\" rel=\"noopener\">W3C WAI \u2014 Razumijevanje SC 1.4.4: Promjena veli\u010dine teksta<\/a><\/li>\n<li><a href=\"https:\/\/www.w3.org\/WAI\/WCAG22\/Understanding\/reflow.html\" target=\"_blank\" rel=\"noopener\">W3C WAI \u2014 Razumijevanje SC 1.4.10: Ponovni poredak<\/a><\/li>\n<li><a href=\"https:\/\/www.w3.org\/WAI\/WCAG22\/Understanding\/visual-presentation.html\" target=\"_blank\" rel=\"noopener\">W3C WAI \u2014 Razumijevanje SC 1.4.8: Vizualna prezentacija<\/a><\/li>\n<li><a href=\"https:\/\/www.access-board.gov\/ada\/guides\/chapter-7-signs\/\" target=\"_blank\" rel=\"noopener\">Ameri\u010dki odbor za pristupa\u010dnost \u2014 Vodi\u010d za ADA standarde: Znakovi<\/a><\/li>\n<\/ul>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Pristupa\u010dna tipografija nije samo odabir fonta. To je sustav koji obuhva\u0107a fontove, razmak, kontrast, prilagodbu prijeloma i testiranje upotrebljivosti u stvarnom svijetu.<\/p>","protected":false},"author":1,"featured_media":88786,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_gspb_post_css":"","footnotes":""},"categories":[17366],"tags":[3844,19259,3879,19257,19258],"class_list":["post-88771","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-digital-marketing","tag-ux-design","tag-wcag","tag-web-design","tag-prosvasimotita","tag-typografia"],"_links":{"self":[{"href":"https:\/\/twodots.gr\/hr\/wp-json\/wp\/v2\/posts\/88771","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twodots.gr\/hr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/twodots.gr\/hr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/twodots.gr\/hr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/twodots.gr\/hr\/wp-json\/wp\/v2\/comments?post=88771"}],"version-history":[{"count":0,"href":"https:\/\/twodots.gr\/hr\/wp-json\/wp\/v2\/posts\/88771\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/twodots.gr\/hr\/wp-json\/wp\/v2\/media\/88786"}],"wp:attachment":[{"href":"https:\/\/twodots.gr\/hr\/wp-json\/wp\/v2\/media?parent=88771"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/twodots.gr\/hr\/wp-json\/wp\/v2\/categories?post=88771"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/twodots.gr\/hr\/wp-json\/wp\/v2\/tags?post=88771"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}