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

CÓDIGO BASE HTML

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

CÓDIGO REFACTORIZADO

<div class="encabezado__container">
        <header class="encabezado">
            <a href="#" class="encabezado__logo" aria-label="Página principal">
                <img class="encabezado__logo--icono" alt="Logo de la marca Jornada" src="./img/logoprovisriablanca-1@2x.png" />
            </a>
            <nav class="encabezado__navegacion" aria-label="Navegación principal">
                <ul class="encabezado__navegacion--lista">
                    <li><a class="encabezado__navegacion--elemento" href="#" aria-label="Ir al blog" aria-current="page">Blog</a></li>
                    <li><a class="encabezado__navegacion--elemento" href="#" aria-label="Ver paquetes de viaje">Paquetes de viaje</a></li>
                    <li><a class="encabezado__navegacion--elemento" href="#" aria-label="Contactar">Contacto</a></li>
                </ul>
            </nav>
        </header>
    </div>