Titolo su testo alternativo vuoto

Silktide individua le immagini contrassegnate come decorative con un testo alternativo vuoto, ma che hanno anche un titolo. I due attributi si contraddicono e le tecnologie assistive gestiscono il conflitto in modo imprevedibile.

<!-- Problema: alt dice "ignorami", title dice "leggimi" -->
<img src="logo.png" alt="" title="Logo dell'azienda">

<!-- Corretto: immagine realmente decorativa -->
<img src="logo.png" alt="">

<!-- Corretto: immagine realmente significativa -->
<img src="logo.png" alt="Logo dell'azienda">

Perché è importante

Un alt="" vuoto dichiara che un'immagine è decorativa, indicando a un lettore di schermo di ignorarla. Tuttavia, alcuni lettori di schermo annunciano comunque un attributo title, quindi la stessa immagine è silenziosa per alcuni utenti e viene letta ad alta voce per altri. Qualunque fosse l'intenzione dell'autore, il risultato è errato per qualcuno.

In generale, l'attributo title è inaffidabile: di solito appare solo come descrizione quando si passa il mouse, quindi gli utenti che utilizzano la tastiera o uno schermo touch non lo vedono mai.

Come risolvere il problema

1. Se l'immagine è decorativa, rimuovi l'attributo title e mantieni alt="" vuoto.
2. Se l'immagine è significativa, sposta la descrizione nel testo alternativo e rimuovi title.
3. Non utilizzare title come sostituto del testo alternativo in nessun caso: non è esposto in modo affidabile a nessuno.

Come Silktide esegue il controllo

1. Individua ogni immagine in ciascuna pagina.
2. Seleziona le immagini il cui attributo alt è presente ma vuoto.
3. Segnala ognuna di queste immagini che presenta anche un attributo title non vuoto.

Per saperne di più

• Comprendere il criterio di successo 1.1.1: Contenuto non testuale (WCAG 2.2)
• Tecnica H67: Utilizzo di testo alternativo nullo e assenza dell'attributo title negli elementi img
• Immagini decorative
• Testo alternativo mancante