# Links devem ter um texto discernível

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

WCAG 2.4.4 Finalidade do Link (Em Contexto), 4.1.2 Nome, Função, Valor · Nível A

Alguns links não têm texto que um leitor de tela possa anunciar; muitas vezes são links só com ícone, como os de redes sociais ou o ícone do carrinho.

## 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
### Em qualquer site
1. Encontre os links sem nome. A maioria é ícone ou imagem dentro de uma tag <a>.
2. Adicione um texto visualmente oculto dentro do link, ou um aria-label como aria-label="Instagram" ou aria-label="Cart".
3. Se o link envolve uma imagem, dê à imagem um texto alternativo significativo.

### Na Shopify
1. Encontre os links sem nome. A maioria é ícone ou imagem dentro de uma tag <a>.
2. Adicione um texto visualmente oculto dentro do link, ou um aria-label como aria-label="Instagram" ou aria-label="Cart".
3. Se o link envolve uma imagem, dê à imagem um texto alternativo significativo.

### No WooCommerce e no WordPress
1. Encontre os links sem nome. A maioria é ícone ou imagem dentro de uma tag <a>.
2. Adicione um texto visualmente oculto dentro do link, ou um aria-label como aria-label="Instagram" ou aria-label="Cart".
3. 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.

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