Solucionado
Nesse caso de usar a tag span para dar mais contexto para quem esta usando um leitor de tela, eu poderia substituir o uso da tag span pelo atributo aria labelledby? Porque uma das funções do aria-* e dar mais contexto do conteudo para o usuario que usa o leitor de tela para navegar.
hoje, com a Alura e o Google Gemini
Olá Gabriel, tudo bem?
O atributo aria-labelledby é utilizado para fornecer uma descrição ou rótulo para um elemento, permitindo que usuários de leitores de tela compreendam melhor o conteúdo da página. Já a tag <span> é utilizada para agrupar elementos em um trecho de texto.
Portanto, o uso do atributo aria-labelledby não substitui o uso da tag <span>, pois são funcionalidades diferentes. Você pode utilizar ambos em conjunto para fornecer mais informações e contexto para o usuário.
Por exemplo, em um formulário de cadastro, você pode utilizar o atributo aria-labelledby para descrever o campo "Nome completo", enquanto a tag <span> pode ser utilizada para agrupar o campo "Nome" e "Sobrenome".
Espero ter ajudado.
Um abraço e bons estudos.