<a>
<img class="cabecalho__logo--icone" alt="" src="./img/logoprovisriabranca-1@2x.png" />
</a>
<div class="cabecalho__navegacao">
<nav>
<header>
<ul class="lista__cabecalho">
<li> <a class="cabecalho__navegacao--item" href="">Blog</a> </li>
<li><a class="cabecalho__navegacao--item" href="">Pacotes de viagem</a> </li>
<li> <a class="cabecalho__navegacao--item" href="">Contato</a>
</li>
</ul>
</header>
</nav>
</div>
Olá, José, como vai?
O seu código está muito bom! Para deixá-lo ainda mais semântico e acessível, podemos fazer algumas pequenas melhorias.
No seu exemplo, a tag <header> está dentro da <nav>, o que não é a estrutura mais recomendada. O <header> deve ser o contêiner principal do cabeçalho da página e envolver tanto o logo quanto a navegação. Uma sugestão de como poderia ficar:
<a href="" class="cabecalho__logo">
<img class="cabecalho__logo--icone" alt="Logo da Jornada" src="./img/logoprovisriabranca-1@2x.png" />
</a>
<nav class="cabecalho__navegacao" role="navigation" aria-label="Navegação principal">
<ul class="cabecalho__navegacao--lista">
<li class="cabecalho__navegacao--item">
<a href="">Blog</a>
</li>
<li class="cabecalho__navegacao--item">
<a href="">Pacotes de viagem</a>
</li>
<li class="cabecalho__navegacao--item">
<a href="">Contato</a>
</li>
</ul>
</nav>
Você pode também conferir as mudanças do instrutor nesse link.
Essas mudanças vão deixar seu código ainda mais alinhado com as boas práticas e acessível a todos.
Espero ter ajudado!
Siga firme nos seus estudos e conte com o fórum sempre que precisar!
Abraços :)