Olá, Walmir!

A utilização de aria-label nesses links proporciona uma descrição textual que os leitores de tela podem anunciar para os usuários entenderem o propósito dos links, mesmo que visualmente eles pareçam vazios.

Por exemplo, se um link é representado apenas por um ícone (como um ícone de vídeo ou notificações), sem aria-label, o leitor de tela pode não fornecer informações úteis sobre o link, limitando-se a dizer algo como "link" ou apenas ler o URL, o que não é descritivo. Com aria-label, você pode especificar claramente a função do link, como "Criar vídeo" ou "Notificações", o que é diretamente anunciado pelo leitor de tela.

Adicionar texto visível antes do fechamento da tag </a> também é uma prática válida e melhora a acessibilidade. No entanto, em alguns designs, pode-se optar por manter os links sem texto visível por razões estéticas ou de layout. Nesses casos, aria-label serve como uma solução para manter a acessibilidade sem alterar o design visual.

Portanto, a escolha entre usar aria-label ou inserir texto visível depende do contexto específico e dos requisitos de design do seu projeto. Ambas as práticas são válidas e visam melhorar a experiência do usuário, garantindo que todos os usuários, independentemente de suas habilidades, possam navegar e interagir com o conteúdo de forma eficaz.

Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!

Sucesso ✨

Um grande abraço e até mais!