Alt text e media accessibili: la guida per chi scrive e pubblica contenuti

Chi pubblica contenuti lo sa: l'immagine è l'ultima cosa a cui si pensa. Si sceglie la foto, si carica, si scrive qualcosa nel campo alt giusto per riempirlo. Eppure l'alt text è uno dei punti in cui i siti italiani perdono più accessibilità, e uno dei più semplici da sistemare. Questa guida è pensata per chi scrive, carica e gestisce i media ogni giorno, non solo per chi sviluppa.

Perché l'alt text conta (davvero) per l'accessibilità

Le linee guida WCAG 2.2 trattano le immagini nella sezione 1.1 (contenuto non testuale). Il principio è semplice: se un'informazione è veicolata da un'immagine, chi usa uno screen reader deve poterla ricevere. Un'immagine senza alt, o con un alt inutile come "immagine1.jpg", è un contenuto invisibile per una parte degli utenti.

Non è solo una questione normativa. Un alt scritto bene migliora anche la comprensione del contesto e, in alcuni casi, aiuta la pagina a essere più chiara per tutti. Ma attenzione: l'obiettivo non è riempire il campo, è trasferire il significato.

Come scrivere un alt text utile: regole pratiche

Un buon alt text descrive la funzione dell'immagine nel contesto, non i pixel. Alcune regole che funzionano:

• Descrivi lo scopo: se la foto mostra un prodotto in uso, scrivi cosa comunica ("Cuffie wireless indossate durante una corsa"), non "foto di cuffie".
• Sii conciso: una o due frasi bastano. Se serve un testo lungo, il contenuto dovrebbe stare nel corpo della pagina.
• Evita ripetizioni: se la didascalia sotto l'immagine dice già tutto, l'alt può essere vuoto (immagine decorativa).
• Non iniziare con "immagine di": lo screen reader lo annuncia già.
• Per i grafici: riassumi il messaggio principale nell'alt e fornisci i dati in una tabella accessibile o in un testo alternativo lungo.

Immagini decorative, icone e immagini di sfondo

Non tutte le immagini vanno descritte. Un'immagine puramente decorativa (uno sfondo, un separatore grafico) deve avere alt="" per essere ignorata dagli screen reader, altrimenti diventa rumore. Le icone che accompagnano una voce di menu con testo visibile, di norma, non richiedono alt: il testo è già lì. Le icone cliccabili senza testo, invece, devono avere un nome accessibile.

Un errore frequente nei siti di e-commerce e negli hotel: le immagini dei pacchetti o delle offerte contengono testo promozionale, ma quel testo non è mai riportato in HTML. Chi non vede l'immagine perde l'offerta. In questi casi l'alt deve contenere l'informazione essenziale, oppure l'offerta va ripetuta nel testo.

Video, audio e PDF: oltre l'alt text

I media non sono solo immagini. Per i video servono i sottotitoli (WCAG 1.2.2) e, quando il video è solo visivo o trasmette informazioni senza audio, una descrizione testuale. Le trascrizioni aiutano anche chi non può ascoltare in un ambiente rumoroso. I PDF accessibili richiedono tag di struttura, ordine di lettura corretto e testi alternativi per le immagini: spesso è più semplice pubblicare la stessa informazione in una pagina HTML.

Un dettaglio pratico: quando caricate un PDF su WordPress o su un altro CMS, il nome del file e il titolo del documento contano. "Bilancio-2024.pdf" è meglio di "documento_finale_def.pdf".

Il problema dei contenuti che invecchiano

Un content team pubblica decine di media a settimana. Anche se le regole sono chiare, nel tempo si accumulano immagini senza alt, video senza sottotitoli, PDF scansionati come immagini. Un controllo una volta all'anno non basta: quando arriva l'audit, il team ha già dimenticato quali pagine ha toccato.

Per questo il monitoraggio continuo è la parte che fa la differenza. Non si tratta di controllare tutto a mano, ma di avere un segnale ricorrente su cosa è cambiato e dove intervenire.

Come LEXABLE aiuta il content team sui media

Lo scanner WCAG 2.2 di LEXABLE analizza un URL e restituisce un report con le criticità rilevate, incluse quelle relative ai contenuti non testuali. Puoi usarlo come controllo prima di pubblicare una pagina o come verifica periodica delle pagine più importanti: home, schede prodotto, pagine offerte, landing campagne.

Il monitoraggio ti permette di vedere se un fix è stato applicato e se nuove pagine hanno reintrodotto lo stesso errore. Il widget di accessibilità, installabile con uno snippet, aggiunge strumenti di supporto per gli utenti, ma non sostituisce la qualità dei contenuti: l'alt text resta una responsabilità editoriale.

LEXABLE non è una certificazione legale: aiuta a monitorare e a migliorare, mentre un audit manuale resta consigliato per i casi complessi.

Da dove iniziare questa settimana

Scegli tre pagine strategiche del sito, controlla le immagini con un scan gratuito e riscrivi gli alt text che non funzionano. Poi decidi chi nel team è responsabile dei media e inserisci il controllo nel flusso di pubblicazione. Se vuoi un monitoraggio ricorrente e un report condivisibile con il team, puoi registrarti a LEXABLE e impostare le pagine da tenere sotto controllo.