Esta tradução ainda não foi revista editorialmente. A versão alemã é vinculativa. Deutsche Fassung →
Responsive
Por que é que um website não deve deslocar-se lateralmente no telemóvel?
Um website não deve deslocar-se lateralmente no telemóvel, porque os visitantes precisariam de arrastar a página com o dedo para ver o conteúdo. Muitos desistem antes e saem. A diretiva de acessibilidade WCAG exige portanto na regra 1.4.10 que o conteúdo se adapte à largura do ecrã. O serviço de verificação mede a saliência em pixels em quatro tamanhos de dispositivo e identifica, quando claramente visível, o elemento causador.
Assim surgem deslocamentos laterais no telemóvel
A causa é quase sempre um elemento de largura fixa: uma tabela com muitas colunas, uma imagem em tamanho original ou um componente de um template construído para ecrãs grandes. Num monitor de secretária passa quase despercebido, pois há espaço suficiente. Num smartphone com 390 pixels de largura o mesmo elemento sobressai para além da margem, e o navegador apresenta uma barra de deslocamento horizontal. Os visitantes veem apenas uma porção do conteúdo e têm de deslocar a página constantemente enquanto leem. Um único elemento demasiado largo é suficiente para tornar toda a página deslocável lateralmente — por isso vale a pena localizar e corrigir este elemento específico.
Assim mede o serviço de verificação a saliência
A verificação carrega a página num navegador real em quatro tamanhos de dispositivo: 390, 768, 1440 e 1920 pixels de largura. Depois compara a largura do conteúdo com a largura do ecrã e tenta realmente deslocar a página para o lado. Apenas quando isto é bem-sucedido é que o achado é válido — uma saliência que o navegador por si corta não cria barra de deslocamento e também não é reportada como tal. Cada medição é executada duas vezes; apenas é reportado o que ambas as execuções veem de forma consistente. O relatório indica a saliência em pixels e, quando claramente identificável, o elemento causador, acompanhado de uma imagem de ecrã. Assim a sua agência sabe imediatamente onde intervir.
Isto é o que exige a regra de acessibilidade WCAG 1.4.10
A regra 1.4.10 («Reflow») da diretiva WCAG exige que o conteúdo se adapte à largura disponível, sem que os visitantes tenham de deslocar em duas direções. A lógica por trás disto é: pessoas com deficiência visual ampliam muito as páginas; o que depois sobressai lateralmente perde-se para elas. A mesma capacidade de adaptação ajuda qualquer visitante com um ecrã pequeno — portanto a maioria, pois muitos websites são hoje lidos principalmente no telemóvel. Uma verificação bem-sucedida é assim simultaneamente um passo para a acessibilidade e para um website mais fácil de utilizar. A verificação é um exame técnico; se a sua empresa tem obrigações legais é questão de consultoria jurídica.
- Abra a página inicial no seu próprio telemóvel e esfrege para a esquerda e direita. Se a página se mover lateralmente, há uma saliência.
- Verifique especialmente páginas com tabelas, imagens grandes ou vídeos incorporados — é aí que a saliência ocorre com mais frequência.
- Transmita à sua agência o elemento indicado no relatório de verificação e a medida em pixels, em vez de deixar que procurem.
- Retome a verificação no telemóvel após cada alteração maior ao website.