Esta tradução ainda não foi revista editorialmente. A versão alemã é vinculativa. Deutsche Fassung →
Barrierefreiheit
O meu website tem de funcionar na vertical e na horizontal?
Sim: O seu website tem de ser utilizável na vertical e na horizontal e não pode forçar uma orientação. A razão é prática — algumas pessoas não conseguem rodar o seu dispositivo, por exemplo porque o tablet está montado fixamente na cadeira de rodas. Uma página que funciona apenas na horizontal bloqueia completamente estes visitantes.
A orientação forçada bloqueia visitantes
A maioria dos websites adapta-se à orientação do dispositivo automaticamente. Problemas surgem quando o design ou código fixam uma orientação: uma mensagem «Rode o seu dispositivo», uma zona de vídeo apenas acessível na horizontal, um formulário de reserva cortado no vertical. Para a maioria dos utilizadores é um incómodo — para pessoas com dispositivo montado fixamente é uma porta fechada. Também afectadas são pessoas cuja rotação do dispositivo está bloqueada por razões de saúde, como vertigem. A regra conhece uma excepção estreita: Onde uma orientação é tecnicamente necessária — como numa aplicação de teclado de piano — pode ser definida. Para websites corporativos normais praticamente nunca existem tais razões.
Como o nosso núcleo de medição verifica a orientação
O nosso núcleo de medição renderiza a sua página num navegador real em várias larguras de ecrã — da vista estreita de telemóvel até à vista larga de secretária — e cobre deste modo as larguras normais verticais: O que ali transborda horizontalmente ou é cortado aparece como constatação na área de verificação Responsivo. Se uma página bloqueia activamente a orientação ou pede para rodar, frequentemente mostra-se apenas no dispositivo real e no comportamento da página — isso um humano avalia no padrão ouro, que opera a página em ambas as orientações. O relatório distingue claramente entre o que foi medido e o que é julgamento humano.
Beispiele
Querformat erzwungen
<meta name="viewport" content="width=device-width">
<script>screen.orientation.lock("landscape");</script>
<style>@media (orientation: portrait) { body { display: none } }</style><meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.tabelle { overflow-x: auto; }
</style>Ein Tablet am Rollstuhl ist fest montiert. Die Seite passt sich der Lage an; breite Inhalte bekommen einen eigenen Scrollbereich.
- Abra o seu website no telemóvel e rode o dispositivo — cada função tem de estar acessível em ambas as orientações.
- Remova mensagens como «Rode o seu dispositivo» — são o sinal mais claro de uma orientação forçada.
- Teste formulários e fluxos de encomenda especialmente no vertical, ali os cortes ocorrem mais frequentemente.
- Peça à sua agência para confirmar que nenhum bloqueio de orientação está definido no código.
- Verifique conteúdos incorporados como vídeos e mapas em ambas as orientações — componentes de terceiros trazem os seus próprios bloqueios.