O que esta regra verifica
Certifique-se de que links tenham um texto discernível.
Por que isso importa
Os critérios 2.4.4 e 4.1.2 da WCAG exigem que os links tenham um nome acessível que descreva a finalidade deles.
Como corrigir
- Encontre os links sem nome. A maioria é ícone ou imagem dentro de uma tag <a>.
- Adicione um texto visualmente oculto dentro do link, ou um aria-label como aria-label="Instagram" ou aria-label="Cart".
- Se o link envolve uma imagem, dê à imagem um texto alternativo significativo.
Como conferir a correção
- Analise de novo e confirme que link-name desapareceu.
- Com um leitor de tela ativo, vá até cada link com Tab e ouça o nome.
Como o FixReports detecta o problema
Nossa análise executa a regra link-name do axe-core em um navegador Chrome real em cada página testada e informa cada elemento reprovado com a página, o código e, quando for o caso, uma captura de tela.
Um teste automatizado confirma que esse problema específico existe. Ele não consegue dizer se o restante da página é acessível: algumas barreiras só aparecem quando uma pessoa verifica a página.