← Todas as regras

Pistas visuais

Não bloqueie o zoom

• Regra: meta-viewport
• Gravidade: Moderado
• Nível WCAG AA

Por que isso importa

user-scalable=no e um maximum-scale baixo impedem o zoom com dois dedos. Para quem tem baixa visão, isso torna a página inutilizável justamente no aparelho que mais usa.

Como corrigir

1. Remova user-scalable=no e maximum-scale da meta tag viewport.
2. Mantenha content="width=device-width, initial-scale=1".
3. Verifique se o layout ainda funciona com 200% de zoom sem rolagem horizontal.

Na marcação

<meta name="viewport" content="width=device-width, user-scalable=no, maximum-scale=1">

<meta name="viewport" content="width=device-width, initial-scale=1">

A exigência por trás disso

Esta regra é uma das formas de falhar nos seguintes critérios de sucesso das WCAG 2.2. O W3C, que publica a norma, explica cada um deles:

• 1.4.4 Redimensionar texto (abre em nova aba) — Nível WCAG AA

Para aprofundar

Deque University sobre meta-viewport (abre em nova aba)

A Deque mantém o axe-core, o motor de código aberto que o nosso scanner executa. A página deles documenta a regra como o motor a implementa.

Verificações automáticas encontram falhas que o navegador consegue comprovar. Elas não julgam se uma legenda está correta, se um texto alternativo é útil, nem se a página pode ser operada de ponta a ponta pelo teclado — isso exige uma pessoa.