Testo alternativo
Il testo alternativo comunica il significato o la funzione di un’immagine nel suo contesto. Le immagini decorative richiedono un trattamento diverso.
Comunicare l’informazione rilevante dell’immagine
Il testo alternativo sostituisce con parole il significato o la funzione rilevante di un’immagine. In un’immagine HTML viene normalmente inserito nell’attributo alt. Il suo contenuto dipende dall’uso dell’immagine.
Se una foto di prodotto di esempio mostra il connettore di un dispositivo, il tipo di collegamento può essere importante per la scelta. Se la stessa immagine è l’unico collegamento a una scheda tecnica, il suo nome accessibile deve comunicarne la destinazione. «Immagine di un dispositivo» aiuta poco in questo caso.
Un’immagine HTML puramente decorativa usa generalmente alt="" per evitare letture superflue. In un grafico complesso, le informazioni essenziali devono essere disponibili anche come contenuto accessibile. Il testo alternativo non è un elenco di parole chiave né coincide automaticamente con la didascalia.
Fonti
Termini correlati
- Lettore di schermoUn lettore di schermo rende accessibili i contenuti digitali tramite voce o Braille. Struttura ed etichette aiutano a comprendere i controlli.
- Ordine del focusL’ordine del focus determina il percorso tra gli elementi che possono riceverlo. Deve preservare significato e operabilità anche nei cambiamenti dinamici.
- Trappola da tastieraUna trappola da tastiera blocca l’interazione in un’area. Il contenimento intenzionale del focus in un dialogo richiede un’uscita utilizzabile da tastiera.
- Collegamento per saltare al contenutoUn collegamento di salto evita la navigazione ripetuta e porta al contenuto principale. Anche il passo successivo da tastiera deve proseguire nel punto giusto.
- Nome accessibileIl nome accessibile identifica un controllo per le tecnologie assistive. Deve spiegare l’azione e corrispondere al testo visibile.
- Suggerimento di ricercaUn suggerimento propone una query durante la digitazione. Selezione, avvio della ricerca e risultati successivi devono funzionare in modo comprensibile.
Articoli sul tema
Design & UX con ASES
Esperienza utente, interfacce e immagine del marchio