Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

[Sugerencia] 08 Desafío: principios de la semántica HTML - Navegación

A continuación comparto como quedaría el código aplicando mejoras a la semántica del código html

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

1 respuesta

¡Hola Emerson!

Entiendo que estás buscando mejorar la accesibilidad y semántica del código HTML para la navegación principal del sitio web de "Jornada". Una forma de hacerlo es utilizando elementos semánticos de HTML5, como <nav> para la navegación principal y <ul> y <li> para la lista de enlaces.

Aquí tienes un ejemplo de cómo podrías refactorizar el código para que sea más accesible y semántico:

<a>
  <img class="encabezado__logo--icono" alt="" src="./img/logoproviblanca-1@2x.png" />
</a>
<nav class="encabezado__navegacion">
  <ul>
    <li><a href="">Blog</a></li>
    <li><a href="">Paquete de viaje</a></li>
    <li><a href="">Contacto</a></li>
  </ul>
</nav>

Al utilizar <nav> estás indicando claramente que se trata de la navegación principal del sitio, y al utilizar una lista ordenada <ul> con elementos de lista <li> estás estructurando los enlaces de una manera semántica.

Espero que esta sugerencia sea útil para mejorar la accesibilidad y semántica del sitio web de "Jornada". ¡Buena suerte con el desafío!

Espero haber ayudado y buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios!