Esta traducción aún no ha sido revisada editorialmente. La versión alemana es la vinculante. Deutsche Fassung →
Estructura semántica: usar correctamente header, nav, main, footer
Los elementos semánticos indican qué parte de una página es el contenido principal y cuál es navegación, encabezado o pie. Se verifica si una página marca estas áreas: sin ellas, cada sistema de análisis debe adivinar cuál es el contenido real.
- El beneficio es doble: los lectores de pantalla ofrecen saltos a estas áreas, y los sistemas de análisis pueden separar navegación y pie de contenido. Sin marcado, el menú termina en el texto citado.
- Una página hecha solo de elementos div es visualmente idéntica y estructuralmente ciega. Cambiar a los elementos correctos cuesta poco y funciona inmediatamente.