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é.
FAQ
Co znamená přetečení textu?
Přetečení textu znamená: text potřebuje víc místa, než nabízí box, který ho obklopuje. Prohlížeč zbytek ořízne, nebo ho nechá přesahovat přes okraj. Návštěvníci pak vidí poloviční slova nebo neúplné věty. Příčina tkví téměř vždy ve stavbě stránky — pevné šířky nebo potlačené zalamování řádků — a dá se cíleně odstranit.
Proč můj web vypadá dobře na počítači, ale ne na mobilu?
Na počítači má každý text hodně místa, na mobilu je k dispozici jen 390 pixelů šířky. Pevné šířky zvolené pro velkou obrazovku se tam stanou příliš úzkými a texty přetékají ze svých boxů. Kontrolní služba proto měří každou velikost zařízení zvlášť a nálezy vykazuje odděleně podle profilu.
Počítá se skrytý obsah v menu jako oříznutý text?
Zavřená menu a záměrně skryté prvky zůstávají při měření stranou. Jejich obsah je designově skrytý a objeví se až po kliknutí — to je záměr a něco jiného než oříznutá věta. Toto rozlišení chrání před falešným poplachem: hlásí se jen texty, které mají návštěvníci vidět a přesto jsou neúplné.