Zoom não bloqueado
O que a norma pede
A página não impede que o navegador amplie o conteúdo.
- 1.4.4 (AA)
- 1.4.10 (AA)
Parecido na NBR 17060
A NBR 17060 trata de aplicativos. Se o seu serviço também tem app, veja o que a Bússola da NBR 17060 diz sobre o mesmo assunto:
Visões por perfil
Escolha um perfil para ver o que o requisito pede de quem ocupa esse papel:
Nunca peça para desativar o zoom e desenhe leiautes que se reorganizam com a ampliação. Bloquear o zoom para manter o leiaute impede pessoas com baixa visão de ler.
Pedido para travar o zoom
O leiaute “quebra” quando a pessoa amplia.
Errado: Travar o zoom
Decisão de design
“Desativar o zoom no celular para não quebrar o leiaute.”
Pessoas com baixa visão não leem mais.
Certo: Adaptar o leiaute
Decisão de design
Leiaute revisto para reorganizar com zoom.
Zoom liberado e leiaute estável.
Remova user-scalable=no da meta viewport e não use maximum-scale menor que 5. Também não bloqueie o gesto de pinça com JavaScript.
Meta viewport
Configuração da página.
Errado: Zoom bloqueado
<meta name="viewport" content="width=device-width, user-scalable=no, maximum-scale=1">A pinça não amplia.
Certo: Zoom liberado
<meta name="viewport" content="width=device-width, initial-scale=1">A pessoa amplia quanto precisar.
Inclua a verificação da meta viewport no processo de entrega e trate o zoom bloqueado como defeito crítico, revisando templates antigos e de terceiros. É uma barreira grave e fácil de remover.
Auditoria automática
A ferramenta aponta zoom bloqueado em todo o portal.
Errado: Adiado
Decisão
Correção agendada para a próxima versão, em seis meses.
Barreira mantida.
Certo: Corrigido já
Decisão
Uma linha alterada no template; publicado no mesmo dia.
Barreira removida.
No celular, tente ampliar a página com pinça; no computador, amplie até 200%. Se a página não ampliar, inspecione a meta viewport e registre o defeito.
Pinça no celular
Teste de ampliação.
Errado: Não amplia
Observação
A página não reage à pinça.
Não atende.
Certo: Amplia
Observação
O conteúdo amplia normalmente.
Atende.
Publique texto como texto, que amplia sem perder nitidez. Avise o time se o zoom não funcionar numa página.
Tabela de horários
Tabela com letras pequenas.
Errado: Imagem pequena
Publicação
Imagem da tabela em letras miúdas.
Com zoom, fica borrada.
Certo: Tabela em texto
Publicação
Tabela HTML.
Amplia com nitidez.