# IDs usados no ARIA e em 'labels' devem ser únicos

<https://www.fixreports.com/pt-br/issues/duplicate-id-aria>

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

Vários elementos compartilham um id que rotula ou descreve algo, então a tecnologia assistiva pode ler o rótulo errado.

## O que esta regra verifica
Certifique-se de que cada valor do atributo 'id' usado no ARIA e em rótulos seja único.

## Por que isso importa
Rótulos e descrições apontam para elementos pelo id; duplicatas quebram essa ligação (WCAG 4.1.2).

## Como corrigir
### Em qualquer site
1. Dê a cada elemento um id único e atualize os atributos que fazem referência a ele (for, aria-labelledby, aria-describedby).
2. Nas seções da Shopify, adicione {{ section.id }} aos ids para que seções repetidas continuem únicas.

### Na Shopify
1. Dê a cada elemento um id único e atualize os atributos que fazem referência a ele (for, aria-labelledby, aria-describedby).
2. Nas seções da Shopify, adicione {{ section.id }} aos ids para que seções repetidas continuem únicas.

### No WooCommerce e no WordPress
1. Dê a cada elemento um id único e atualize os atributos que fazem referência a ele (for, aria-labelledby, aria-describedby).
2. Nas seções da Shopify, adicione {{ section.id }} aos ids para que seções repetidas continuem únicas.

## Como conferir a correção
- Analise de novo e confirme que a regra duplicate-id é aprovada.

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