Acerca de esta regla de accesibilidad
La mejor práctica dicta 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 obscuro.
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. Usar tanto elementos HTML5 como 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.
El HTML Living Standard dice “Un elemento main jerárquicamente correcto es aquel cuyos elementos ancestros están limitados 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”. Esta puede ser una “práctica recomendada” según la validación del W3C.
Qué verifica esta regla de accesibilidad
Asegura que todo el contenido de la página esté 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.