Esta tradução ainda não foi revista editorialmente. A versão alemã é vinculativa. Deutsche Fassung →
Barrierefreiheit
O texto tem de se conseguir ampliar para 200 por cento num website?
Sim: Os visitantes devem poder ampliar o texto da sua página Web para 200 por cento — o dobro do tamanho — sem que o conteúdo ou funções se percam. Muitas pessoas com visão enfraquecida leem fundamentalmente com apresentação ampliada. O zoom do navegador faz isto por si, desde que a página Web não o bloqueie ou se quebre ao ampliar.
O zoom do navegador é o óculos de leitura da web
Quem lê letras pequenas com dificuldade pressiona Ctrl e Mais ou puxa dois dedos afastados no telemóvel — e a página cresce. Para muitos visitantes mais velhos, este é o caminho normal para ler sites. A regra exige que até ao dobro do tamanho nada se perca: O texto não pode se sobrepor, os botões não podem desaparecer da imagem, o conteúdo não pode ser cortado. A violação mais comum e irritante é o bloqueio de zoom no telemóvel: uma definição de código que proíbe completamente a ampliação de dois dedos. Normalmente vem de modelos antigos e pode ser removido em minutos — o ganho para visitantes com visão reduzida é enorme.
Assim o nosso núcleo de medição testa a ampliabilidade
O nosso núcleo de medição lê a definição de apresentação da sua página e reconhece fiável os bloqueios de zoom: Se o código proíbe ampliação no telemóvel ou a limita abaixo do dobro, o relatório relata isto como uma constatação grave com explicação precisa. Além disso, a verificação nota se a sua página oferece um interruptor de tamanho de fonte próprio — isto é uma característica de conforto, mas não substitui o zoom do navegador funcional. Se a página se quebra corretamente ao ampliar, está intimamente ligado ao critério relacionado para reflexo, que o nosso núcleo de medição mede em várias larguras de ecrã. A avaliação global do comportamento a 200 por cento é feita no padrão Ouro por uma pessoa que opera a página ampliada.
Beispiele
Zoom gesperrt, Höhe fest
<meta name="viewport" content="width=device-width, maximum-scale=1, user-scalable=no">
<style>.karte { height: 120px; overflow: hidden; }</style><meta name="viewport" content="width=device-width, initial-scale=1">
<style>.karte { min-height: 120px; }</style>Bei 200 Prozent wächst der Text; Kästen mit fester Höhe schneiden ihn ab. min-height lässt ihn wachsen.
- Pressione Ctrl e Mais no seu site até atingir 200 por cento — todos os conteúdos e botões devem permanecer utilizáveis.
- Teste a ampliação de dois dedos no telemóvel — se não funcionar, deixe remover o bloqueio de zoom do código.
- Peça à sua agência para definir tamanhos de fonte em unidades adaptáveis em vez de valores de pixel fixos.
- Teste após ampliação, especialmente menus e formulários — é ali que primeiro aperta.
- Nunca se fie apenas num interruptor de tamanho de fonte próprio: O zoom do navegador deve funcionar sempre adicionalmente.