Esta tradução ainda não foi revista editorialmente. A versão alemã é vinculativa. Deutsche Fassung →
Barrierefreiheit
Como é que um sítio Web permanece legível no telemóvel sem deslocamento lateral?
Um sítio Web permanece legível sem deslocamento lateral se os seus conteúdos se reflectem automaticamente numa única coluna quando apresentados de forma estreita — o padrão define 320 pixels de largura — Esta largura corresponde a um telemóvel estreito ou a uma vista bastante ampliada num computador. Se alguém tiver de deslizar para cá e para lá para cada linha, perde o fio da meada ao ler.
Refluxo: os conteúdos adaptam-se à largura
Refluxo significa: quando a área de visualização fica mais estreita, os conteúdos reorganizam-se — as colunas lado a lado caem umas abaixo das outras, as imagens reduzem-se, as linhas quebram-se mais cedo. Isto afecta dois grupos em simultâneo. Em primeiro lugar, os utilizadores de telemóvel, ou seja, para muitos sítios Web a maioria dos visitantes. Em segundo lugar, pessoas com deficiência visual em computadores que ampliam as páginas bastante: com grande ampliação, a área visível corresponde exactamente a uma apresentação estreita. Se a página não se reflectir então, têm de deslizar para a direita e para trás para cada linha individual — ler torna-se uma prova de paciência. Os causadores típicos são tabelas com largura fixa, mapas incorporados demasiado grandes e imagens com dimensões em pixéis fixas.
Assim o nosso núcleo de medição mede o deslocamento lateral
O nosso núcleo de medição apresenta a sua página num navegador real em várias larguras de ecrã — incluindo a vista estreita de 320 pixels — e mede se surge uma barra de deslocamento horizontal e quantos pixéis o conteúdo sobressai. Apenas a deslocabilidade horizontal real e medida conta como constatação; para excluir acertos aleatórios devido a atrasos de carregamento, a verificação mede duas vezes em caso de dúvida e informa honestamente sobre resultados flutuantes como «verificar no dispositivo real». Cada constatação indica a largura do ecrã afectada e é comprovada com uma captura de ecrã. Os resultados influem tanto na área de verificação de acessibilidade como na área de verificação responsiva — é a mesma medição.
Beispiele
Feste Breite auf dem Handy
.inhalt { width: 1100px; }
.tabelle { min-width: 900px; }.inhalt { max-width: 1100px; width: 100%; }
.tabelle-huelle { overflow-x: auto; }Bei 320 Pixel Breite (400 Prozent Zoom) fließt der Inhalt um; nur Tabellen und Karten dürfen einen eigenen Scrollbereich haben.
- Reduza a janela do navegador no seu computador gradualmente até à coluna estreita — se aparecer uma barra de deslocamento horizontal, há um problema.
- Verifique as tabelas em primeiro lugar: as grandes tabelas de dados precisam de uma solução própria no telemóvel, por exemplo, contentores deslocáveis com uma indicação visível.
- Peça à sua agência que substitua as larguras de pixel fixas em imagens e contentores por especificações adaptáveis.
- Teste os conteúdos incorporados, como mapas e vídeos, na vista estreita — os componentes de terceiros rompem o quadro com mais frequência.
- Verifique a apresentação no telemóvel após cada atualização de conteúdo maior antes da publicação.