This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung
Responsive
Proč se na webu ořezává text?
Text se ořízne, když box, ve kterém stojí, má pevnou šířku a obsah se nesmí zalamovat. Na malých obrazovkách pak chybí konec slova nebo celé věty — návštěvníci čtou torzo. Kontrolní služba na čtyřech velikostech zařízení porovnává, kolik místa každý text potřebuje a kolik dostává, a dotčená místa ukazuje s příklady a snímkem obrazovky.
Jak vzniká oříznutý text
Časté příčiny jsou pevné šířky z designové šablony, zákaz zalamování řádků nebo velmi dlouhá slova — v němčině nic neobvyklého. K oříznutí vedou i překlady: anglický text tlačítka se vejde, česká verze je delší a ořízne se. Na počítači to často zůstává neviditelné, protože tam je dost místa. Až na chytrém telefonu se šířkou 390 pixelů se ukáže, zda si každý text najde své místo. Proto kontrolní služba měří každý profil zařízení zvlášť — text může být na tabletu čitelný celý a na mobilu oříznutý. Zpráva uvádí pro každou velikost zařízení vlastní nálezy, vždy s počátkem dotčeného textu jako příkladem.
Jak kontrolní služba měří přetečení
Kontrola zkoumá odstavce, nadpisy a body seznamů ve skutečném prohlížeči: potřebuje-li text více šířky, než mu dává jeho box, jde o přetečení. Dva ochranné mechanismy brání falešnému poplachu. Za prvé se nepočítají zavřená menu a vůbec nezobrazené prvky — jejich obsah je záměrně skrytý, ne oříznutý. Bez tohoto vyloučení by každý web s rozbalovací navigací dostal desítky falešných nálezů. Za druhé se toleruje pár hraničních případů o několika pixelech; hlásí se až tehdy, když je postiženo více prvků. Každý nález se zjišťuje dvakrát a počítá se jen to, co obě měření vidí shodně. Zpráva tak popisuje skutečné překážky ve čtení, ne technické náhodné zásahy.
- Přečtěte si nejdůležitější stránky na mobilu a všímejte si slov, která končí uprostřed písmene nebo se přeruší třemi tečkami.
- Zkontrolujte tlačítka s delšími popisky jako „Nezávazně požádat o nabídku“ — bývají postižená často.
- Požádejte svou agenturu, aby pevné šířky nahradila přizpůsobivými, aby se text mohl zalamovat.
- Po změnách textu a překladech zkontrolujte, zda zůstávají všechny popisky viditelné celé.
