WCAG 4.1.2 · Nível A

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

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

  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.

Como o FixReports detecta o problema

Nossa análise executa a regra duplicate-id-aria 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.

Analise seu site hoje

Encontre. Corrija. Verifique.

Que tipo de site é este?

Sua resposta escolhe as verificações certas, como a jornada de compra em lojas online. Mesmo assim verificamos os sinais do próprio site e mostramos os dois.

Que tipo de site é este?

Análise gratuita. Sem cartão de crédito.