Secuencia significativa (HTML)
Cada página debería seguir teniendo sentido cuando su contenido se experimenta en línea recta, de arriba abajo del código subyacente. Silktide no puede evaluar esto automáticamente, por lo que esta comprobación requiere una verificación manual.
El diseño visual de una página y su pueden no coincidir. Los estilos pueden colocar un elemento en cualquier parte de la pantalla, pero un lee la página en el orden en que está escrito el . Cuando ambos divergen —una barra lateral escrita antes del contenido al que hace referencia, precios separados de los productos a los que pertenecen—, la página puede resultar engañosa para cualquiera que la experimente de forma lineal.
Por qué es importante
Muchos visitantes experimentan la página como una secuencia en lugar de como un diseño: personas que escuchan con un lector de pantalla, que navegan con el teclado y quienes usan dispositivos que vuelven a maquetar el contenido. Si el significado depende únicamente de la colocación visual, esas personas pueden oír instrucciones después del paso al que se aplican, o respuestas separadas de sus preguntas: el contenido está ahí, pero la historia que cuenta es incorrecta.
Cómo solucionarlo
Esta es una revisión manual. Para verificar una página:
- Leer la página con un lector de pantalla, o usar la vista de lectura del navegador, y comprobar que lo que se oye cuenta la misma historia que lo que se ve.
- O bien, desactivar los estilos en las herramientas de desarrollo del navegador y leer la página como contenido plano, de arriba a abajo.
- Si el orden es incorrecto, reordenar los elementos en el HTML para que el orden del código fuente coincida con el significado, y usar CSS para la colocación visual. Tener cuidado con CSS que reordena el contenido visualmente, como
orderen flexbox: cambia lo que la gente ve sin cambiar lo que se lee en voz alta.
Cómo lo prueba Silktide
Silktide no puede determinar automáticamente si el orden de lectura de una página coincide con su significado, por lo que esta comprobación crea un elemento de revisión por página para su confirmación manual. Una vez verificada la página, marcar la revisión como completada.