Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Dúvida] Como fica a acessibilidade ao utilizar com componente SVG ao invés de um elemento img?

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.

1 resposta
solução!

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.