Acerca de esta regla de accesibilidad
Asegúrate de que solo hay un landmark contentinfo en la página.
Deberías mantener el número total de landmarks razonablemente limitado porque una de sus funciones clave es ayudar a los usuarios ciegos a localizar y navegar al landmark apropiado rápidamente. Los usuarios de lectores de pantalla tendrán que filtrar demasiada información innecesaria si no lo haces para encontrar lo que necesitan.
A pesar de toda la discusión sobre utilizar una estructura semántica adecuada para la accesibilidad, HTML históricamente carecía de algunos marcadores semánticos esenciales, como la capacidad de designar áreas de la página como el encabezado, navegación, contenido principal y pie de página. Estas designaciones ahora son posibles con HTML5 gracias a los nuevos elementos header, nav, main y footer. Las propiedades ARIA (Accessible Rich Internet Application) role="banner", role="navigation", role="main" y role="contentinfo" proporcionan todas capacidades similares.
Los landmarks ARIA se pueden usar para navegar a áreas específicas de páginas web en JAWS, NVDA y VoiceOver. El problema de dar a los consumidores una opción para saltar al material principal del sitio web se aborda de manera más elegante mediante landmarks. El diseño web no ha cambiado notablemente, haciéndolo invisible e indetectable. El hecho de que este método sea invisible es obviamente bueno para usuarios ciegos de lectores de pantalla, pero no es tan bueno para usuarios de teclado videntes o personas con visión reducida que usan ampliadores de pantalla. En este sentido, los enlaces tradicionales de “saltar navegación” aún no pueden ser reemplazados con regiones HTML 5 y landmarks ARIA.
Los usuarios aún no pueden recibir notificaciones de los navegadores de que están presentes regiones HTML 5 o landmarks ARIA. Solo aquellos que usan lectores de pantalla pueden beneficiarse de ellos. No es una capacidad incorporada del navegador, pero existe una extensión de landmarks ARIA de Firefox que proporciona la capacidad de navegar por landmarks en Firefox.
Qué verifica esta regla de accesibilidad
Esta regla localiza cada landmark contentinfo, elimina cualquiera que no mapee su rol, y confirma que solo hay uno.
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.