Zoom desativado

A Silktide verifica cada página em busca de código que impeça os visitantes de ampliar o conteúdo em dispositivos móveis. O gesto de pinça para ampliar deve estar sempre disponível, porque muitas pessoas dependem dele para ler o seu conteúdo.

O código responsável está na tag da página:

<!-- Problema: tanto user-scalable=no quanto maximum-scale=1 bloqueiam o zoom -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

<!-- Correção: permitir que os utilizadores ampliem o conteúdo -->
<meta name="viewport" content="width=device-width, initial-scale=1">

Por que isso é importante

O gesto de pinça para ampliar é a forma como as pessoas com baixa visão leem a web num telemóvel. Também é assim que todas as outras pessoas lidam com letras pequenas, mapas densos e imagens detalhadas. Uma página que desativa essa possibilidade torna tudo isso impossível — não há nenhuma solução alternativa que um visitante possa aplicar.

O zoom costuma ser desativado por razões estéticas, para impedir que o esquema da página mude. O custo recai inteiramente sobre as pessoas que mais precisam dessa funcionalidade, e as diretrizes de acessibilidade exigem que o texto possa ser redimensionado. Alguns dispositivos agora ignoram essa restrição precisamente porque ela causa tantos problemas, mas muitos navegadores ainda a respeitam.

Como corrigir

Remova user-scalable=no de todas as tags viewport.
Remova os valores de maximum-scale que limitam o zoom ao tamanho normal da página ou a um valor próximo dele (como maximum-scale=1).
Se o seu esquema se desconfigurar quando ampliado, corrija-o com em vez de impedir que os visitantes usem o zoom.

Como a Silktide testa isso

Carrega a página num dispositivo móvel simulado.
Encontra todas as tags meta viewport.
Comunica cada tag que bloqueia o zoom — seja por user-scalable=no ou por um maximum-scale não superior à escala em que a página já é carregada.

Resolução de problemas

Ainda consigo ampliar no meu iPhone

iOS ignora estas restrições de viewport e permite o gesto de pinça para ampliar mesmo assim. Outros navegadores e plataformas ainda as respeitam, por isso o código continua a ser uma barreira real e deve ser corrigido. Para reproduzir o problema, faça o teste num dispositivo Android.

A tag é adicionada pelo meu framework ou tema

Alguns temas mais antigos e frameworks de aplicações inserem user-scalable=no por predefinição. Procure uma definição de viewport ou zoom no tema, ou substitua a tag no modelo da página.