Cosa controlla questa regola
Assicurati che i collegamenti abbiano un testo distinguibile.
Perché è importante
I criteri WCAG 2.4.4 e 4.1.2 richiedono che i link abbiano un nome accessibile che ne descriva lo scopo.
Come correggerlo
- Trova i link senza nome. Per lo più sono icone o immagini all’interno di un tag <a>.
- Aggiungi un testo visivamente nascosto all’interno del link, oppure un aria-label come aria-label="Instagram" o aria-label="Cart".
- Se il link contiene un’immagine, dai invece all’immagine un testo alternativo significativo.
Come verificare la correzione
- Esegui di nuovo la scansione e verifica che link-name sia scomparso.
- Con uno screen reader attivo, raggiungi ogni link con Tab e ascolta il nome.
Come lo rileva FixReports
La nostra scansione esegue la regola axe-core link-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.