Pinch-to-zoom ativado
A Silktide verifica se as suas páginas permitem que os visitantes em dispositivos móveis ampliem o conteúdo com um gesto de pinça. Ampliar é a forma como muitas pessoas tornam o texto suficientemente grande para o ler, e as páginas podem, infelizmente, desativar essa opção.
Por que isso é importante
Um número enorme de pessoas amplia o conteúdo nos seus telemóveis regularmente — qualquer pessoa com uma visão que não seja perfeita, o que, com a idade, acaba por incluir a maioria de nós. Uma página que desativa o pinch-to-zoom deixa essas pessoas a esforçarem a vista para ler um texto que não conseguem ampliar e, para pessoas com baixa visão, pode tornar a página inutilizável. O critério de sucesso 1.4.4 da WCAG ( da ) exige que o texto possa ser redimensionado até 200% e, em dispositivos móveis, o zoom é o mecanismo que permite isso.
Desativar o zoom quase nunca é uma decisão de design intencional — normalmente, essa configuração vem incluída numa etiqueta de modelo copiada e colada.
Como corrigir
Remova as restrições de zoom da etiqueta da sua página:
<!-- Zoom desativado: os utilizadores não podem ampliar a página -->
<meta name="viewport" content="width=device-width, initial-scale=1.0,
maximum-scale=1.0, user-scalable=no">
<!-- Corrigido: os utilizadores podem fazer pinch-to-zoom livremente -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Tanto user-scalable=no como um maximum-scale restritivo impedem o zoom; remova ambos. A etiqueta viewport normalmente encontra-se no modelo do seu site, por isso uma única alteração costuma corrigir todas as páginas.
Como a Silktide faz a verificação
- Carrega a página como um dispositivo móvel e procura as etiquetas viewport no .
- Comunica qualquer etiqueta viewport que impeça o zoom, seja através da declaração de
user-scalable=no, seja através da definição de ummaximum-scaleigual ou inferior à escala inicial da página.
Resolução de problemas
Consigo ampliar a página sem problemas no meu iPhone
o iOS ignora as tentativas de desativar o pinch-to-zoom, por isso a página continuará a permitir o zoom num iPhone. Os navegadores Android respeitam essa restrição, portanto o problema é real para uma grande parte dos seus visitantes — teste num dispositivo Android para o confirmar.
Por que devo corrigir isto se o iOS ignora a restrição?
Porque o Android não a ignora e porque a etiqueta indica uma intenção que alguns navegadores, webviews incorporadas e ferramentas de assistência ainda respeitam. O código não tem qualquer utilidade; removê-lo não tem desvantagens.