Tekstin koon muuttaminen
Tekstin täytyy pysyä luettavana ja käytettävänä 200 %:n zoomiin asti ilman sisällön tai toiminnallisuuden menettämistä. Tekstitys ja tekstiä sisältävät kuvat on vapautettu vaatimuksesta.
Mitä kriteeri vaatii
Kun käyttäjä zoomaa tekstiä 200 %:iin — selaimen zoomilla, käyttöjärjestelmän tekstiskaalauksella tai nipistyszoomilla — sivun täytyy toimia edelleen. Ei leikattua tekstiä, ei päällekkäisiä säiliöitä, ei kadonnutta toiminnallisuutta, ei vaakasuuntaista vieritystä lauseiden lukemiseksi. Kriteeri on vanhempi kuin 1.4.10 Uudelleenvuoto, joka on tiukempi; Uudelleenvuodon täyttäminen tarkoittaa tavallisesti myös 1.4.4:n täyttämistä automaattisesti.
Miten vaatimus täytetään
- Käytetään suhteellisia yksiköitä (
rem,em,%) fonttikooissa ja säiliöiden korkeuksissa, ei kiinteitä pikseliarvoja, jotka eivät kasva. - Vältetään kiinteitä
height-arvoja tekstisäiliöissä — käytetään tarvittaessamin-height-arvoa. - Ei aseteta
viewport-metatageja, jotka estävät käyttäjän zoomausta (user-scalable=notaimaximum-scale=1). - Rakennetaan joustavia asetteluja (flexbox, CSS grid), jotta säiliöt kasvavat sisältönsä mukana.
- Testataan 200 %:n selainzoomilla tyypillisessä työpöytänäkymässä; tarkistetaan, ettei otsikot, painikkeet ja lomakekentät mene päällekkäin.
Yleisiä epäonnistumisia
<meta name="viewport" content="user-scalable=no">estää zoomauksen mobiilissa — myös pitkäaikainen 1.4.4-epäonnistuminen.- Kiinteällä pikselkorkeudella mitoitetut painikkeet, jotka leikkaavat tekstimerkinnän 200 %:n zoomilla.
- Navigaatiovalikot, jotka ylivuotavat säiliönsä 200 %:n zoomilla ja muuttuvat saavuttamattomiksi.
- Modaali-ikkunat, jotka on mitoitettu pikseleinä ja eivät enää mahdu sisältönsä zoomauksen jälkeen.
- Lomakemerkinnät, jotka siirtyvät seuraavan kentän alueelle tekstin kasvaessa.
Miksi kriteeri on tärkeä
Heikkonäköiset käyttävät säännöllisesti 150–200 %:n zoomausta päivittäisasetuksena. 1.4.4:n epäonnistuminen tarkoittaa, että nämä käyttäjät joko eivät voi lukea sivua tai joutuvat vierittämään vaakasuunnassa jokaisen rivin kohdalla — molemmat johtavat sivuston hylkäämiseen. Korjaaminen tarkoittaa tavallisesti px-arvojen muuttamista rem-arvoiksi suunnittelurefaktoreissa — kertakorjaus koko järjestelmään.