WCAG 4.1.2 · Livello A

L'elemento select deve avere un nome accessibile

Un menu a discesa (spesso un selettore di ordinamento o di variante) non ha un’etichetta.

Cosa controlla questa regola

Assicurati che l'elemento select abbia un nome accessibile.

Perché è importante

Il criterio WCAG 4.1.2 richiede che i menu select abbiano un nome accessibile.

Come correggerlo

  1. Aggiungi un <label> collegato al select, oppure un aria-label come aria-label="Sort by".

Come verificare la correzione

  • Esegui di nuovo la scansione delle pagine di collezione e prodotto.

Come lo rileva FixReports

La nostra scansione esegue la regola axe-core select-name in un vero browser Chrome su ogni pagina che testa, e segnala ogni elemento non conforme con la sua pagina, il suo markup e, dove applicabile, uno screenshot.

Un test automatico conferma che questo specifico problema è presente. Non può dire se il resto della pagina è accessibile: alcune barriere emergono solo quando una persona controlla la pagina.

Analizza il tuo sito oggi stesso

Trova. Correggi. Verifica.

Che tipo di sito è?

La tua risposta sceglie i controlli giusti, come il percorso d’acquisto per i negozi online. Controlliamo comunque gli indizi del sito stesso e mostriamo entrambi.

Che tipo di sito è?

Scansione gratuita. Nessuna carta di credito richiesta.