O que esta regra verifica
Certifique-se de que botões tenham texto discernível.
Por que isso importa
O critério 4.1.2 da WCAG exige que todo controle tenha um nome. Botões sem nome costumam incluir os de aumentar e diminuir quantidade, botões de fechar e setas de carrossel.
Como corrigir
- Encontre os botões sem nome, geralmente botões que mostram só um ícone.
- Adicione um texto visível, um texto visualmente oculto ou um aria-label que diga o que o botão faz (por exemplo aria-label="Close" ou aria-label="Increase quantity").
Como conferir a correção
- Analise de novo as páginas afetadas.
- Confira os botões com um leitor de tela.
Como o FixReports detecta o problema
Nossa análise executa a regra button-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.