Solucionado
Foi incluída a seguinte linha para o funcionamento do aria-labelledby:
<h3 id="tituloBlog" class="escondeVisualmente">Lista de artigos</h3>
<ul class="listaDeArtigos" aria-labelledby="tituloBlog">Por que não incluir apenas o aria-label como abaixo? Qual a diferença entre os dois?
<ul class="listaDeArtigos" aria-label="Lista de artigos">hoje, com a Alura e o Google Gemini
Fala aí Paula, tudo bem? O motivo de não usar o aria-label é porque ele só deveria ser usado para elementos rotuláveis.
E quais são os elementos rotuláveis no HTML?
Segue a lista: button, input, keygen, meter, output, progress, select e textarea.
Essa lista eu peguei direto da MDN, caso queira conferir a lista completa de categorias e subcategorias de elementos:
https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories
Já o aria-labelledby pode ser usado para qualquer elemento. Mais informações em:
Espero ter ajudado.
Obrigada pelas informações Matheus! Vou consultar os links com certeza! :D
Magina Paula, sempre que precisar não deixe de criar suas dúvidas.
Abraços e bons estudos.