Q/A: V jakých jednotkách definovat velikost písma?
K dalšímu dílu rubriky Questions and Answers mě motivovaly dva
aktuální články, které se tomuto tématu obšírně věnují. Za prvé je
to na Lupě text Velikost
písma v moderních prohlížečích, za druhé Pixyho reakce O velikosti
písma v prohlížečích, zvětšování a zoomování. Tyto články
ostatně konvenují s velmi častými dotazy, které na toto téma dostávám
zejména na školeních tvorby přístupného webu. Otázka: V jakých
jednotkách definovat v kaskádových stylech velikost písma, abychom
dodrželi zásady přístupného a dobře použitelného webu?
Zmíněné články příliš teoretizují, já se pokusím vyjádřit stručně
a jasně: Použijte takové jednotky velikosti písma, u kterých budete mít
jistotu, že si je budou moci lidé pomocí standardního ovládání
prohlížeče zvětšit. Mezi prohlížeče pochopitelně zařaďte MS Internet
Explorer (verzi 6 a 7), Mozillu/Firefox a Operu. Vykašlete se na odborné
disputace, zdali se ten či onen prohlížeč chová při zvětšování té či
oné jednotky divně, a místo toho si raději sami vyzkoušejte pomocí funkce
„Zvětšit písmo“, zda-li je možné písmo skutečně zvětšit. Pro
lepší názornost jsem si pro vás připravil tyto tři obrázky. První
ukazuje zobrazení písma při nastavené standardní velikost v MSIE 6.
Druhý obrázek ukazuje situaci,
kdy jsem v MS Internet Exploreru 6 zvolil v menu položky „Zobrazit“
/ „Velikost textu“ / „Největší“.
Totéž pak ve Firefoxu.
Co z toho plyne? Jak jsem napsal
v úvodu. Použijte jen takové jednotky, u kterých jste si jistí, že si je
mohou uživatelé pomocí prohlížeče zvětšit. Z definovaných jednotek
jsou to em
, ex
a %
. Nebo můžete
použít slovní vyjádření (např. small
nebo
smaller
). Ostatně, právě to také doporučují pravidla
přístupnosti.
Tak nějak si v dnešní době představuji články, jednoduše a srozumitelně. Tak aby se dali přečíst během 5 minutové přestávky a pak zpět do práce.
IE se chová k velikosti písma definovanému v EM dost šíleně, pokud si ho chcete zvětšit. Většinou to dopadne katastrofou a proto bych tento způsob nedoporučoval.
Zkuste si třeba tento webík – https://www.axago.cz/cz/. Nejlepší řešení je použít jako výchozí písmo small (a pro JESPR x-small, pokud je v quirku). Tím obdržíte stejné výchozí písmo, se kterým se pak dá pomocí procent dobře manipulovat.
[2] Ano, pokud je celý web v jednotkách EM, MSIE text při zvětšení zvětšuje příliš, což je na obtíž. Obvykle stačí mít alespoň jeden prvek nadefinovaný s jednotkou % a MSIE se začne chovat normálně.
Nu.. velikost písma v em nepočítá s alternativou, že tvůrce webu chce držet účaří řádků v jednotlivých sloupcích.. nebo spíše – spočítat to pak správně je šílenství.. takže pokud chcete na webu i tuto fičurku, tak px pro všechny a em pro IE podmíněným komentářem..
ten problém s em pro IE by měla vyřešit tato definice: html { font-size:100.01%; } více v tomto článku: https://www.christianmontoya.com/…ll-the-time/ (em calculations)
A co když se v CSS pro prvek BODY použije taková fičurka s velikosti pisma na 62.5% ( ⇒ 1em = 10px). Bude potom dělat písmo v jednotkách EM v IE neplechu při zvětšování?
Já bych jen dodal, že běžní uživatelé si písmo skoro nikdy nezvětšují: https://www.snizekweb.cz/…ikost-pisma/
Možná vás bude zajímat názor již vcelku slušné skupiny 536 unikátních uživatelů magazínu gsm4U.cz na otázku Měníte si velikost písma webových stránek v prohlížeči?.
verim pouze statistice kterou si sam zfalsuji :) neverim ze zvetsovani pouziva vice nez 5% lidi
Dobrý den /Ahoj před delším časem jsem na tomto webu nebo najiném pod webu h1.cz viděl seznam css definicí třeba na typ rámečku,nebo na styl písma rád bych tyto tabulky opět zhlédl,nicméně najít se mi je nepodařilo … byl bych rád kdyby někdo byl tak ochotný a dal mi link na tu stránku :-) omlouvám se, že tento dotaz píšu zrovan sem. Předem děkuji
nebylo to jakpsatweb.cz?