Solucionado
Olá!
Neste vídeo, o instrutor mostrou como transformar um SVG em um componente utilizando o pacote SVGR. Com isso, ao invés de usar um elemento img e adicionar o SVG no src desse elemento, conseguimos colocar o próprio SVG como um componente da aplicação React.
Por favor, gostaria de saber como fica a acessibilidade neste caso. Quando temos um elemento img, é possível utilizar a propriedade alt. E no caso do componente SVG, qual seria a alternativa ao alt?
Obrigado.
Oi Matheus, tudo bem?
Ótima pergunta! Quando se trata de acessibilidade, é importante considerar todas as possibilidades para garantir que todos os usuários possam acessar o conteúdo da sua aplicação. No caso do componente SVG, a alternativa ao alt é a propriedade aria-label. Essa propriedade permite adicionar uma descrição textual para o SVG, o que é importante para usuários que utilizam leitores de tela.
Por exemplo, se você tiver um ícone de lupa em SVG, pode adicionar a propriedade aria-label="Pesquisar" para descrever o que o ícone representa. Dessa forma, quando um usuário passar o mouse sobre o ícone, o leitor de tela lerá a descrição para ele.
Um abraço e bons estudos.