# Botões devem ter texto discernível

<https://www.fixreports.com/pt-br/issues/button-name>

WCAG 4.1.2 Nome, Função, Valor · Nível A

Alguns botões não têm nome acessível, então quem usa leitor de tela ouve apenas “botão”.

## 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
### Em qualquer site
1. Encontre os botões sem nome, geralmente botões que mostram só um ícone.
2. 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").

### Na Shopify
1. Encontre os botões sem nome, geralmente botões que mostram só um ícone.
2. 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").

### No WooCommerce e no WordPress
1. Encontre os botões sem nome, geralmente botões que mostram só um ícone.
2. 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.

## Fontes
- Documentação da regra do axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/button-name
- Entendendo a WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value