Controllo del testo alternativo delle immagini

Controlla gli attributi alt di una pagina. Trova testi mancanti, vuoti e presenti con righe sorgente e limiti chiari.

Controllare il testo alternativo delle immagini

Il testo alternativo spiega un’immagine quando non può essere vista. Questo strumento legge gli elementi img e i campi immagine nell’HTML ottenuto da una pagina, distinguendo attributi mancanti, valori vuoti e testi presenti. Inserisci l’URL della pagina, non quello di un file immagine.

Interpretare le evidenze

Usa filtri e righe sorgente per individuare ogni dichiarazione. Un attributo mancante richiede attenzione. Un alt="" vuoto può essere intenzionale per un’immagine decorativa: valuta il suo scopo prima di cambiarlo. Anche il testo presente richiede revisione umana: descrivi il ruolo dell’immagine nel contesto anziché ripetere il nome del file o inserire troppe parole chiave. Per un’immagine con link, rendi comprensibile la destinazione o l’azione.

Correggere e ricontrollare

Aggiorna il componente immagine o il campo del CMS e controlla di nuovo la pagina pubblicata. Il rapporto conserva fino a 1.000 righe e può abbreviare evidenze lunghe. Non renderizza JavaScript, analizza pixel o certifica l’accessibilità. Per altri segnali della pagina, usa On-Page SEO Checker.

Adatta il testo allo scopo dell’immagine

Una fotografia di prodotto può richiedere una breve descrizione di un dettaglio distintivo, come colore e scomparti di uno zaino. Un separatore puramente decorativo può usare alt="". Se un logo è l’unico contenuto di un link alla home, descrivi la destinazione, per esempio “Home di Example”, invece della forma. Sono esempi contestuali, non testi per ogni immagine.

Un grafico spesso richiede più di un’alternativa breve. Spiega la conclusione e fornisci i valori importanti nel testo vicino o in una tabella. Non inserire l’intero insieme di dati in un attributo. Se il testo adiacente dice già lo stesso, valuta utilità e ripetizione.

Usa il rapporto come elenco di modifiche

Filtra prima gli attributi mancanti, poi valuta valori vuoti e testi presenti nel contesto. “Presente” significa che esiste testo, non che sia corretto. Controlla i componenti condivisi del modello e le voci del CMS per evitare che il difetto si ripeta.

Pubblica le modifiche e ricontrolla la pagina. Il rapporto non valuta sfondi CSS né tutti gli elementi grafici e non genera descrizioni dai pixel. Esamina manualmente i visual significativi fuori dall’elenco. L’accessibilità richiede una spiegazione precisa dello scopo, non solo più attributi compilati.

Domande frequenti

Controlla gli attributi alt di una pagina. Trova testi mancanti, vuoti e presenti con righe sorgente e limiti chiari.

Quale URL devo inserire?

Un URL pubblico di pagina HTTP o HTTPS. La fonte deve restituire HTML; un file immagine da solo non è accettato.

Come scrivo un testo alternativo utile?

Descrivi il significato rilevante dell’immagine nel suo contesto. Per immagini collegate o pulsanti, descrivi destinazione o azione. Evita di riempire il testo di parole chiave.

Qual è la differenza tra alt mancante e vuoto?

Mancante significa che l’attributo alt non è stato trovato. Vuoto significa alt="", che può essere corretto per immagini decorative. Valuta lo scopo dell’immagine.

Un attributo alt vuoto è un errore?

Non automaticamente. Le immagini decorative richiedono spesso un attributo vuoto; quelle informative o funzionali richiedono testo adatto al contesto.

Controlla tutte le immagini sullo schermo?

No. Controlla l’HTML ottenuto senza eseguire JavaScript e conserva fino a 1.000 elementi immagine supportati. La copertura parziale viene indicata.