Perché Alt Text Matters for Accessibility & SEO
Alt Text Checker è uno strumento online gratuito che controlla le alternative testuali per gli elementi non testuali conformi alle WCAG. L'applicazione esegue la scansione di una pagina Web, trova elementi non testuali privi di alternative testuali e crea un rapporto che indica un elenco di tutte le carenze con la relativa descrizione e i frammenti di codice in cui è stato rilevato il problema.
Dal punto di vista dell'accessibilità web, l'alt text promuove l'inclusività descrivendo contenuti non testuali come immagini, grafici, diagrammi, emoji, pulsanti, link, ecc. Gli screen reader utilizzati dalle persone con disabilità visive si basano sul testo alternativo per trasmettere il significato e il contesto di questi elementi, permettendo loro di comprendere appieno il contenuto. Questi utenti hanno bisogno di un testo alternativo descrittivo per ottenere informazioni importanti, rendendo la loro esperienza online più accessibile. Inoltre, l'accessibilità a Internet è positiva per la SEO. Google e altri motori di ricerca utilizzano testi alternativi per migliorare la comprensione dei contenuti di un sito Web, il che porterà a un posizionamento più elevato. Riassumendo, una corretta implementazione dell'alt text migliora l'accessibilità del sito web, amplia la copertura del pubblico e ha un impatto positivo sulla SEO, rendendolo un elemento fondamentale per una presenza web inclusiva.
Cosa viene controllato?
Oltre a verificare l'uso degli attributi alt per gli elementi `img` (
Tecnica WCAG 2.1 H37), l'applicazione verifica anche quanto segue:
-
H2 Combinazione di collegamenti di immagini e testo adiacenti per la stessa risorsa.
-
H24 Fornitura di alternative testuali per gli elementi `area` delle mappe di immagini.
-
H35 Fornitura di alternative testuali sugli elementi `applet`.
-
H36 Utilizzo degli attributi alt sulle immagini utilizzate come pulsanti di invio.
-
H67 Uso di testo alternativo nullo e nessun attributo title negli elementi `img` per le immagini che le tecnologie assistive dovrebbero ignorare.
-
H86 Fornitura di alternative testuali per emoji, emoticon, grafica ASCII e leetspea.
-
G197 Utilizzo coerente di etichette, nomi e alternative di testo per contenuti con le stesse funzionalità.
- e altro ancora.