Acerca de esta regla de accesibilidad
Las mejores prácticas dictan que el landmark principal no debe estar encerrado dentro de otro landmark. Todo el contenido debe estar contenido dentro de áreas discretas, como el encabezado (role="banner"), el cuerpo (role="main"), y el pie de página (role="contentinfo").
Los usuarios de lectores de pantalla pueden navegar por un sitio web mucho más fácilmente si el contenido está dividido en varias categorías de alto nivel. Es difícil localizar contenido fuera de estas categorías, y su propósito puede ser confuso.
Históricamente, HTML carecía de marcadores semánticos esenciales, como la capacidad de definir secciones de página como el encabezado, navegación, contenido principal y pie de página. El uso de elementos HTML5 y landmarks ARIA en el mismo elemento se considera una práctica excelente, pero a medida que mejore la compatibilidad del navegador, las regiones HTML probablemente se volverán más populares en el futuro.
HTML Living Standard dice “Un elemento main jerárquicamente correcto es aquel cuyos elementos ancestros se limitan a <html>, <body>, <div>, <form> sin un nombre accesible, y elementos personalizados autónomos. Cada elemento main debe ser un elemento main jerárquicamente correcto”. Esto puede ser una “práctica recomendada” según la validación de W3C.
Qué verifica esta regla de accesibilidad
Garantiza que todo el contenido de la página caiga dentro de una región landmark.
Ayúdanos a mejorar nuestras guías
Detecta problemas de accesibilidad automáticamente
Rocket Validator escanea miles de páginas con Axe Core y el W3C Validator, encontrando problemas de accesibilidad en todo tu sitio web.