Skip to main content

Emulação de viewport de dispositivo

por Jaime Iniesta

Ao fazer testes de acessibilidade num website, é importante ter em mente o contexto presente, ao contrário dos testes HTML, que simplesmente têm de rever o código fonte da página web para garantir que cumpre os padrões atuais. Nos testes de acessibilidade, esse contexto é o navegador que estamos a utilizar para renderizar as páginas web.

Graças ao design responsivo, as páginas web adaptam-se ao tamanho do viewport de cada dispositivo. Assim, por exemplo, se visitarmos Github.com num portátil com um ecrã de 1440x900 píxeis, veremos isto:

Screenshot of Github.com at 1440x900

Mas, se visitarmos esse site usando um iPhone 13 com um ecrã de 390x844, teremos isto em vez disso:

Screenshot of Github.com at 390x844

E, se rodarmos o dispositivo, então teremos isto:

Screenshot of Github.com at 390x844, rotated

O que isto significa no contexto da validação automatizada de acessibilidade é que precisamos de especificar o viewport que estamos a usar para renderizar as páginas web no momento de as verificar, porque o seu design varia na adaptação ao viewport.

Até agora, o Rocket Validator tem usado o padrão de 800x600 píxeis, mas agora você pode escolher diferentes tamanhos de viewport para serem usados nos seus relatórios de validação de site, graças à nova funcionalidade de Emulação de Viewport de Dispositivo, disponível para todos os utilizadores Rocket Validator Pro.

Viewport selection choices

Consulte a lista de dispositivos disponíveis para ver as especificações completas, incluindo largura, altura e fator de escala do dispositivo.

Pronto para validar os seus sites?
Comece o seu teste gratuito hoje.