Refactorización del código:
Encapsulación en
: Se agrupa el logotipo y la navegación dentro de un , lo que es más semántico, ya que todo esto pertenece a la cabecera de la página.Etiqueta
: La navegación principal ahora está dentro de una etiqueta , que es más semántica que un simple. Se agrega un atributo aria-label="Navegación principal" para mejorar la accesibilidad, informando a los lectores de pantalla que este es el menú principal.
Lista desordenada
- : Los enlaces de navegación están dentro de una lista desordenada, que es más semántica y estructurada.
Texto alternativo para la imagen: se añade un texto descriptivo en el atributo alt de la imagen. En el enlace del logotipo se agrega aria-label="Inicio" para describir el propósito del enlace cuando lleva al usuario a la página principal.
- El uso de roles o atributos aria-label puede ayudar a los usuarios con tecnologías de asistencia a comprender mejor el propósito de algunos elementos.
