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

Hola Angie,

Para mejorar la accesibilidad y semántica del sitio web de "Jornada", podemos realizar algunas modificaciones en el código HTML. Una forma de hacerlo es utilizando los elementos semánticos de HTML5, como

• y
• para la lista de enlaces.

  Aquí tienes una versión mejorada del código:

  <header>
    <a href="/" aria-label="Página principal">
      <img class="encabezado__logo--icono" alt="Logo de la empresa" src="./img/logoproviblanca-1@2x.png" />
    </a>
    <nav class="encabezado__navegacion" aria-label="Navegación principal">
      <ul>
        <li><a class="encabezado__navegacion--elemento" href="#">Blog</a></li>
        <li><a class="encabezado__navegacion--elemento" href="#">Paquete de viaje</a></li>
        <li><a class="encabezado__navegacion--elemento" href="#">Contacto</a></li>
      </ul>
    </nav>
  </header>
  

  Con estos cambios, estamos utilizando elementos semánticos para la navegación y una lista ordenada para los enlaces, lo que mejora la accesibilidad y la comprensión del contenido por parte de los usuarios y los motores de búsqueda.

  Espero que esta solución ayude al equipo de "Jornada" a mejorar la accesibilidad y semántica de su sitio web. ¡Buena suerte con el desafío!

  Espero haber ayudado y buenos estudios!