Immagini decorative
Silktide trova le immagini contrassegnate come decorative con testo alternativo vuoto, così puoi confermare che sia realmente sicuro per la ignorarle. Un'immagine contrassegnata come decorativa è invisibile alle persone che usano lettori di schermo.
<!-- Questa immagine viene ignorata dalla tecnologia assistiva.
È corretto o contiene informazioni? -->
<img src="chart.png" alt="">
Perché è importante
Un alt="" vuoto indica a un di
ignorare completamente l'immagine. È esattamente ciò che serve per un',
ovvero un'immagine che ha solo uno scopo estetico, non fornisce informazioni e non svolge alcuna funzione. Ma lo stesso
attributo vuoto applicato a un grafico, a una foto che trasmette un significato o a un'immagine usata come pulsante
cancella silenziosamente quel contenuto per chiunque non possa vederlo, senza che nulla appaia errato a un visitatore vedente.
Il testo alternativo vuoto è anche un'impostazione predefinita comune nei modelli e nei sistemi di gestione dei contenuti, quindi le immagini significative finiscono per essere contrassegnate come decorative per errore anziché per scelta.
Come risolvere il problema
Questo controllo ti chiede di esaminare ogni immagine anziché segnalare problemi confermati. Per ciascuna immagine:
- Se l'immagine è realmente decorativa, non è necessaria alcuna modifica: il risultato.
- Se l'immagine contiene informazioni o funge da controllo, sostituisci l'attributo vuoto con un descrittivo nel tuo o nel codice.
- Un'immagine il cui significato è completamente ripetuto dal testo adiacente, ad esempio un'icona accanto alla stessa parola, è correttamente decorativa e deve mantenere il suo
alt=""vuoto.
Come esegue il test Silktide
- Trova ogni immagine in ogni pagina con un attributo
alt=""esplicitamente vuoto. - Ignora le immagini che la tecnologia assistiva non annuncerebbe comunque: immagini senza sorgente, immagini di 1 pixel o più piccole e immagini nascoste ai lettori di schermo.
- Ignora le immagini con un attributo esplicito
role="presentation". A differenza di unaltvuoto, che spesso è un'impostazione predefinita del modello, un ruolo di presentazione è quasi sempre una scelta intenzionale. - Ignora le immagini provenienti da servizi di terze parti noti, come le tessere di mappe incorporate.
- Elenca ogni immagine, insieme al testo circostante per fornire il contesto, affinché tu possa confermare che sia realmente decorativa.
Le immagini prive dell'attributo alt sono invece segnalate da
Testo alternativo mancante.
Risoluzione dei problemi
Perché esaminare immagini che potrebbero essere corrette?
Il fatto che un'immagine sia decorativa dipende da ciò che raffigura e dal ruolo che svolge nella pagina: aspetti che nessun test automatizzato può valutare. Silktide evidenzia la decisione; sei tu a prenderla una volta, dopodiché le immagini approvate rimangono approvate.