prečo sa moja webová stránka pokazí, keď si zväčšíš text

Text, ktorý sa nemôže zväčšiť, je známym problémom WCAG

Stránka, ktorá sa "pokazí" akonáhle si zákazník zväčší text, takmer vždy pochádza z pevných rozmerov: text, tlačidlá alebo kontajnery, ktoré sú fixované v pixeloch namiesto jednotiek, ktoré sa meškálujú. Ak si zákazník zväčší veľkosť textu v prehliadači, box s pevnou výškou v pixeloch zostane rovnakej veľkosti a text v ňom prepadne, naníí cez iné prvky alebo bude skrátený. Ponuky, ktoré presne pasujú na štandardnú veľkosť, rozbaľovacie prvky, ktoré sa nezväčšujú, a tlačidlá, ktorých text presahuje okraj, sú najčastejšími príznakmi.

Nejde o estetickú chybu, ale o funkčný problém: ak sa štítok stane nečitateľným alebo tlačidlo prestane byť klikateľné, pretože je text prekrytý, zákazník nemôže dokončiť krok v procese objednávania. To sa dotýka rovnakých zraniteľných miest ako pri ovládanie klávesnicou celej objednávky: problém škálovania, ktorý vyzerá nevinne na hlavných stránkach, môže rozhodnúť pri kroku objednávania alebo na prihlasovacej obrazovke. Aj nadpisy a podnadpisy sú v ohrození: ak sa prvok štruktúry pri zväčšovaní zrúti, poradie čítania sa zmení, čo sa vyskytuje aj v širšom kontexte nadpisy, štruktúra a navigácia.

Kde sa to nachádza v WCAG 2.1: kritérium zväčšenia

WCAG 2.1 stanovuje, že text musí byť možné zväčšiť na určité percento bez straty obsahu alebo funkčnosti; to je princíp stanovený v kritériu pre škálovateľný text, ako je uvedené v samotnej smernici. V praxi automatizovaný test skúša túto funkciu načítaním stránky v rôznych veľkostiach textu a zistí, či sa text skracuje, prekrýva alebo stáva nečitateľným. Čo automatizovaný test nevidí, je to, či je stránka ďalej príjemne použiteľná alebo len technicky "nie je poškodená" — tento rozdiel patrí medzi veci, ktoré automatizovaný test nemôže posúdiť.