Mitä tämä sääntö tarkistaa
Varmistaa, että <meta name="viewport"> ei estä tekstin skaalausta ja zoomausta.
Miksi sillä on merkitystä
WCAG 1.4.4 edellyttää, että tekstiä voi suurentaa 200 prosenttiin asti.
Miten se korjataan
Millä tahansa sivustolla
- Poista viewport-metatagista maximum-scale ja user-scalable=no.
Shopifyssa
- Poista tiedostossa layout/theme.liquid viewport-metatagista maximum-scale=1 ja user-scalable=no.
Miten korjaus tarkistetaan
- Kokeile nipistyszoomausta puhelimella ja varmista, että zoomaus toimii.
Miten FixReports löytää sen
Skannauksemme ajaa axe-core-säännön meta-viewport oikeassa Chrome-selaimessa jokaisella testaamallaan sivulla ja raportoi jokaisen virheellisen elementin sekä sen sivun, merkintäkoodin ja tarvittaessa kuvakaappauksen.
Automaattinen testi vahvistaa, että juuri tämä ongelma on olemassa. Se ei voi kertoa, onko sivu muilta osin saavutettava: jotkin esteet tulevat esiin vasta, kun ihminen tarkistaa sivun.