1. Revisão de acessibilidade em componentes HTML
Desenvolvedor Front-endContexto
Um desenvolvedor está criando a barra de navegação de um site com ícones SVG para links sociais e botões de busca.
Problema
Garantir que os ícones sem texto visível sejam compreendidos por leitores de tela.
Como usar
Cole o código HTML da barra de navegação no campo 'Entrada HTML' e selecione o nível 'WCAG AA'.
Nível WCAG: AAResultado
O relatório aponta que os botões com SVG estão vazios e sugere a adição de atributos 'aria-label' ou texto oculto.