Cosa controlla questa regola
Assicurati che i pulsanti abbiano un testo distinguibile.
Perché è importante
Il criterio WCAG 4.1.2 richiede che ogni controllo abbia un nome. I pulsanti senza nome sono spesso i selettori di quantità, i pulsanti di chiusura e le frecce degli slider.
Come correggerlo
- Trova i pulsanti senza nome, di solito pulsanti che mostrano solo un’icona.
- Aggiungi un testo visibile, un testo visivamente nascosto o un aria-label che dica cosa fa il pulsante (ad esempio aria-label="Close" o aria-label="Increase quantity").
Come verificare la correzione
- Esegui di nuovo la scansione delle pagine interessate.
- Controlla i pulsanti con uno screen reader.
Come lo rileva FixReports
La nostra scansione esegue la regola axe-core button-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.