Al realizar pruebas de accesibilidad en un sitio web, es importante tener en cuenta el contexto actual, a diferencia de las pruebas HTML, que simplemente tienen que revisar el código fuente de la página web para asegurar que cumple con los estándares actuales. En las pruebas de accesibilidad, ese contexto es el navegador que estamos utilizando para renderizar las páginas web.
Gracias al diseño responsivo, las páginas web se adaptan al tamaño del viewport de cada dispositivo. Por ejemplo, si visitamos Github.com en un portátil con una pantalla de 1440x900 píxeles, veremos esto:
Pero, si visitamos ese sitio usando un iPhone 13 con una pantalla de 390x844, tendremos esto en su lugar:
Y, si rotamos el dispositivo, entonces tendremos esto:
Lo que esto significa en el contexto de la validación automatizada de accesibilidad es que necesitamos especificar el viewport que estamos usando para renderizar las páginas web en el momento de validarlas, porque su diseño varía en adaptación al viewport.
Hasta ahora, Rocket Validator ha estado usando el valor predeterminado de 800x600 píxeles, pero ahora puedes elegir diferentes tamaños de viewport para usar en tus informes de validación del sitio, gracias a la nueva funcionalidad de Emulación de Viewport de Dispositivo, disponible para todos los usuarios de Rocket Validator Pro.
Echa un vistazo a la lista de dispositivos disponibles para ver las especificaciones completas incluyendo ancho, alto y factor de escala del dispositivo.