img div attribute html html5 semantic-markup

div - title html css



función de navegación=navegación (3)

Echa un vistazo a esto desde el W3C. Dice:

En la mayoría de los casos, no es necesario establecer una función de ARIA y / o un atributo aria- * que coincida con la semántica implícita predeterminada de ARIA, ya que estas propiedades ya están establecidas por el navegador.

Por lo tanto, hacer <main role="main"> es necesario y no se recomienda . Dicho esto, los ejemplos de la barra de navegación de Bootstrap (que todos, incluidos yo, copiar y pegar) vienen con <nav role="navigation"> .

Para ser honesto, no estoy seguro de lo que es correcto.

Estoy un poco confundido con los roles. Si tengo en mi página una navegación que está encerrada en un elemento de nav y especifico una role="navigation" .

<nav role="navigation"> ... </nav>

¿No es ya explícitamente semánticamente que la sección de navegación es navegación?

¿O si tengo otras secciones de navegación en mi página, y especifico un rol para solo una de ellas, esta sección es la más importante en una página? ¿Y aquellos sin role="navigation" simplemente navegaciones aburridas?


Es cierto que la mayoría de los navegadores / tecnologías modernos reconocen el elemento HTML5 <nav> como navegación y le prestan la misma atención. Pero establecer explícitamente el atributo role="navigation" solo garantiza que muchas más tecnologías puedan detectarlo.

Por ejemplo, los lectores de pantalla y otras tecnologías para usuarios con discapacidades rara vez cumplen con todos los estándares (especialmente si tienen que volver a IE6 o menos), por lo que agregar los atributos de los roles explícitamente siempre garantiza que cubra todas sus bases para La mayor cantidad de usuarios posibles.

Además (y esto es solo una conjetura), algunos de los motores de búsqueda menos conocidos aún no reconocen completamente HTML5, por lo que agregar estos roles debería ayudar con la capacidad de rastreo de los sitios.


W3C recomienda: "Sin embargo, para que la estructura sea más accesible para los agentes de usuario que admiten ARIA y para garantizar que los agentes de usuario que no admiten HTML5 también puedan entender la estructura, se recomienda agregar el rol ARIA =" navegación ". " https://www.w3.org/WAI/GL/wiki/Using_HTML5_nav_element