Zoomaus estetty

Silktide tarkistaa jokaiselta sivulta koodin, joka estää kävijöitä zoomaamasta mobiililaitteilla. Nipistyszoomaamisen pitäisi olla aina käytettävissä, koska monet ihmiset tarvitsevat sitä sisällön lukemiseen.

Vastuussa oleva koodi on sivun tagissa:

<!-- Ongelma: sekä user-scalable=no että maximum-scale=1 estävät zoomaamisen -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

<!-- Korjaus: anna käyttäjien zoomata -->
<meta name="viewport" content="width=device-width, initial-scale=1">

Miksi tämä on tärkeää

Nipistyszoomaaminen on tapa, jolla heikkonäköiset ihmiset lukevat verkkoa puhelimella. Sen avulla myös kaikki muut käsittelevät pientä tekstiä, tiheitä karttoja ja yksityiskohtaisia kuvia. Sivulla, jolla zoomaaminen on estetty, kaikki tämä on mahdotonta – kävijä ei voi kiertää rajoitusta.

Zoomaaminen estetään yleensä ulkoasuun liittyvistä syistä, jotta asettelu ei siirtyisi. Haitta kohdistuu kokonaan niihin ihmisiin, jotka tarvitsevat ominaisuutta eniten, ja saavutettavuusohjeet edellyttävät, että tekstin kokoa voidaan muuttaa. Jotkin laitteet jättävät nyt rajoituksen huomiotta juuri siksi, että se aiheuttaa niin paljon haittaa, mutta monet selaimet noudattavat sitä edelleen.

Korjaaminen

Poista user-scalable=no jokaisesta viewport-tagista.
Poista maximum-scale-arvot, jotka rajoittavat zoomauksen sivun normaaliin kokoon tai sen lähelle (kuten maximum-scale=1).
Jos asettelusi hajoaa zoomattaessa, korjaa asettelu sen sijaan, että estäisit kävijöitä zoomaamasta.

Näin Silktide testaa tämän

Lataa sivu simuloidulla mobiililaitteella.
Etsi jokainen viewport-meta-tagi.
Raportoi jokainen zoomaamisen estävä tagi: joko user-scalable=no tai maximum-scale, joka ei ole suurempi kuin mittakaava, jolla sivu jo latautuu.

Vianmääritys

Voin silti zoomata iPhonellani

iOS jättää nämä viewport-rajoitukset huomiotta ja sallii nipistyszoomaamisen siitä huolimatta. Muut selaimet ja alustat noudattavat niitä edelleen, joten koodi on yhä todellinen este ja se pitäisi korjata. Voit toistaa ongelman testaamalla Android-laitteella.

Frameworkini tai teemani lisää tagin

Jotkin vanhemmat teemat ja sovellusframeworkit lisäävät user-scalable=no- määritteen oletusarvoisesti. Etsi teemasta viewport- tai zoomausasetus tai ylikirjoita tagi sivumallissasi.