WCAG 4.1.2 · Nível A

O elemento 'select' deve ter um nome acessível

Um menu suspenso (muitas vezes um seletor de ordenação ou de variante) não tem rótulo.

O que esta regra verifica

Certifique-se que o elemento 'select' tenha um nome acessível.

Por que isso importa

O critério 4.1.2 da WCAG exige que menus de seleção tenham um nome acessível.

Como corrigir

  1. Adicione um <label> vinculado ao select, ou um aria-label como aria-label="Sort by".

Como conferir a correção

  • Analise de novo as páginas de coleção e de produto.

Como o FixReports detecta o problema

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

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.