Las comprobaciones de la semántica de los documentos buscan un esquema coherente: una región de contenido principal, puntos de referencia sensibles y relaciones entre secciones que coincidan con lo que ven los usuarios. Los problemas aquí a menudo aparecen como regiones principales faltantes o duplicadas, contenedores genéricos sin nombre que actúan como regiones o un orden de encabezado que no refleja la jerarquía visual.
Las tecnologías de asistencia utilizan la estructura semántica del DOM (especialmente puntos de referencia y encabezados) para crear un esquema de página. Cuando el archivo principal falta, está duplicado o anidado incorrectamente, los usuarios no pueden saltar al "contenido principal" de manera confiable.
Las comprobaciones automáticas en su informe señalan patrones concretos (por ejemplo, múltiples líneas principales, puntos de referencia vacíos o saltos de rumbo). Corrija los elementos citados, mantenga un elemento principal predecible por vista y luego vuelva a rastrear para confirmar que el problema se haya solucionado.
En el informe, use este elemento como evidencia. No lo trate como una regla independiente a menos que el contexto de la página respalde la misma conclusión.
Cómo interpretarlo
Exactamente un <main> (o un solo elemento con role="main") envuelve el tema principal de la URL, no todo el sitio Chrome a menos que la página sea un shell de aplicación completa con una estructura documentada.
Chrome repetido utiliza encabezado, navegación y pie de página; Las barras laterales complementarias utilizan aside o role="complementary" con un nombre cuando son regiones emblemáticas.
Los niveles de encabezado reflejan anidamiento: un H3 sigue a un H2 que introduce su sección, no un salto arbitrario de H1 a H4 para el tamaño de fuente.
Marca
Uso típico
principal
Contenido único principal para esta URL.
navegación
Principales bloques de navegación (sitio o TOC en la página).
encabezado/pie de página
Enlaces de cabecera y meta/pie de página del sitio o página.
aparte / complementario
Contenido de apoyo relacionado con el tema principal.
Generalmente no para una vista de documento único: uno principal identifica el contenido principal. Si incrusta otro documento (iframe), ese documento anidado puede tener su propio documento principal.
¿Los divs con role="region" necesitan un nombre?
Sí. Una región emblemática debe tener un nombre accesible (generalmente aria-labelledby o aria-label) para que los usuarios sepan para qué sirve la región.