L'errore più comune nei testi alternativi non è che manchino. Succede anche, ma è l'errore visibile che attira subito l'attenzione. L'errore più persistente è che il testo alternativo c'è, ma non aggiunge nulla: il nome del file della foto, la parola "immagine", una descrizione dettagliata di un bordo decorativo, o niente affatto per un pulsante che consiste solo in un'icona. Per un utente di lettore di schermo, questo genera rumore invece di informazioni, e a volte significa che una funzione sulla pagina diventa inutilizzabile.
WCAG 2.1, lo standard su cui si basa EN 301 549, richiede che i contenuti non testuali abbiano un'alternativa testuale che serva lo stesso scopo. Suona semplice, ma nella pratica questo requisito viene spesso formalmente soddisfatto senza che il testo sia funzionale. C'è qualcosa nell'attributo alt, la lista di controllo è completata, ma l'utente che fa leggere il testo non ne ricava alcun vantaggio.
Cosa va esattamente male
Alcuni modelli si ripetono costantemente. Il nome del file come testo alternativo, come "IMG_2044.jpg" o "product-foto-3.png", perché un sistema di gestione dei contenuti lo compila automaticamente e nessuno lo corregge. Un testo alternativo compilato con parole chiave al posto di una descrizione, che può essere inteso per i motori di ricerca ma per un lettore di schermo suona come un elenco senza senso. Un'immagine decorativa, come una foto atmosferica accanto a un titolo, che riceve comunque una descrizione dettagliata e quindi rallenta inutilmente la sequenza di lettura. E forse il caso più comune: icone funzionali, come un carrello della spesa, una lente di ingrandimento o una croce per chiudere qualcosa, che funzionano come pulsanti ma non hanno alcun nome testuale. Un lettore di schermo legge allora solo "pulsante", senza che sia chiaro cosa fa quel pulsante.
Nelle immagini dei prodotti, spesso accade il contrario: il testo alternativo descrive la foto invece del prodotto. "Donna con maglietta blu sulla spiaggia" non dice nulla sul capo di abbigliamento che viene venduto, mentre è proprio questa l'informazione che un utente cerca quando non riesce a vedere la foto.
Perché una scansione automatizzata non rileva completamente questo
Una scansione può determinare con certezza se un'immagine ha un attributo alt e se è vuoto. Questo è utile e cattura gli errori più grossolani. Quello che una scansione non può valutare con certezza è se il contenuto di quel testo è corretto: se "foto" descrive davvero quello che si vede, o se un pulsante con icona ha ricevuto un nome significativo che corrisponde alla funzione. Questo richiede una valutazione umana, e questo è esattamente il motivo per cui ogni rapporto indica quale parte della valutazione è automatizzata e quale no. Se vuole vedere rapidamente dove si trovano i casi evidenti sul suo sito, è possibile farlo in pochi minuti con la scansione rapida gratuita.
Come evitarlo
La domanda più pratica quando si scrive un testo alternativo è: cosa direi ad alta voce per descrivere questa immagine a qualcuno che non la vede, nel contesto di questa pagina? Per una foto di prodotto, è il capo di abbigliamento, il colore o la caratteristica che la foto mostra. Per un pulsante, è l'azione che il pulsante esegue, non l'icona stessa. Per un'immagine puramente decorativa, come un motivo di sfondo, un testo alternativo vuoto (alt="") è proprio la scelta giusta, in modo che un lettore di schermo salti l'immagine invece di leggere qualcosa che non aggiunge nulla.
È anche uno dei punti in cui una situazione precedentemente corretta può deteriorarsi senza che nessuno se ne accorga: un redattore aggiunge una nuova foto di prodotto, il sistema compila automaticamente il nome del file e il testo che era presente in precedenza scompare. Non è un'attività una tantum, ma qualcosa che ricorre ad ogni modifica, motivo per cui questo argomento rientra tra i requisiti più ampi riguardanti i contenuti non testuali che sono stati elaborati della knowledge base in base alla situazione.
Quali risultati produce
I buoni testi alternativi non sono una questione di più testo, ma del testo giusto al posto giusto: breve e funzionale per pulsanti e icone, significativo per le foto di prodotto e assente quando un'immagine è puramente decorativa. Fare questa distinzione richiede poco tempo una volta che il modello è chiaro e risparmia molti lavori di ricerca successivamente. Come riportiamo questa distinzione in un rapporto a punti concreti e prioritari è descritto in pagina su come viene effettuata la valutazionee per le domande che ricorrono più frequentemente in merito, c'è una panoramica con risposte.
Vuoi sapere se questo tipo di errori si verificano anche sul tuo sito? La scansione rapida gratuita te ne fornisce una prima immagine non vincolante, senza che tu abbia bisogno di un account.