kodėl mano svetainė sugriūna, kai padidini tekstą

Tekstas, kurio negalima padidinti, yra žinomas WCAG sunkumas

Svetainė, kuri "sugenda" kai tik klientas padidina tekstą, beveik visada atsiranda dėl fiksuotų matmenų: tekstas, mygtukai ar konteineriai, nustatyti pikseliais, o ne vienetais, kurie suderinami su masteliu. Kai klientas naršyklėje padidina teksto dydį, langelis su fiksuotu pikselių aukščiu lieka tokio pat dydžio, o viduje esantis tekstas iš jo išlenda, perdengia kitus elementus arba nupjaunamas. Meniu, kurie tiksliai tinka numatytam dydžiui, išskleidžiamieji elementai, kurie neauga, ir mygtukai, kurių tekstas eina už krašto, yra dažniausiai pasitaikantys simptomai.

Tai nėra estetinis trūkumas, o funkcinis vaidmuo: jei žyma tampa neįskaitoma arba mygtukas nebepaspaudžiamas, nes tekstas ją perdengia, klientas negali baigti užsakymo žingsnio. Tai paveikia tuos pačius jautrūs taškus kaip ir navigacija naudojant klaviatūrą per visą užsakymą: mastelio problema, kuri pagrindinėse puslapiuose atrodo nekalto, gali nulems skirtumą atliekant užsakymą arba prisijungimo ekrane. Taip pat pavadinimams ir papildomiems pavadinimams gresia pavojus: jei struktūros elementas, padidėjus dydžiui, sudvejasi, skaitymo tvarka tampa keista, o tai taip pat atsitinka platesniame kontekste apie pavadinimus, struktūrą ir navigaciją.

Kur tai yra WCAG 2.1: didinimo kriterijus

WCAG 2.1 nustato, kad tekstas turi būti padidintas iki tam tikro procento neprarandant turinio ar funkcionalumo; tai yra mastelinio teksto kriterijaus pagrindas, kaip nurodyta pačioje direktyvoje. Praktiškai sausumo testą atliekant, puslapį įkeliama keliais teksto dydžiais ir tikrinama, ar tekstas nupjaunamas, perdengia ar tampa neįskaitomas. Ką automatiniu testu nematyti, yra tai, ar puslapis tada dar yra patogu naudoti, ar tik techniškai "nepsutas" — šis skirtumas priklauso dalykams, kuriuos automatinis skenavimas negali įvertinti.