Esta traducción aún no ha sido revisada editorialmente. La versión alemana es la vinculante. Deutsche Fassung →
Estructura y orden de lectura: por qué la apariencia y el código deben coincidir
Lo que visualmente es reconocible como encabezado, lista o tabla debe estar marcado así en el código también. Un párrafo en negrita no es un encabezado para un lector de pantalla, y una lista alineada con espacios no es una lista. Además, el orden en el código debe corresponder al orden de lectura semántico.
- La piedra de toque práctica es la lista de encabezados: quien la llama obtiene una tabla de contenidos de la página. Si faltan los encabezados o solo se hacen ópticamente, la lista está vacía — y la página debe ser escuchada de arriba abajo.
- El orden de lectura se derrumba especialmente con diseños modernos: un elemento arrastrado hacia arriba por CSS está más abajo en el código. Los que ven lo ven primero, los usuarios de lectores de pantalla lo ven al final. Por eso nuestro verificador compara el orden visual con el del DOM.
- Los campos de formulario también pertenecen aquí: un campo de entrada necesita una descripción vinculada programáticamente. Un texto al lado que parece una descripción ópticamente no es suficiente.