Gli utenti che fruiscono del sito attraverso screen reader o browser testuali oppure che semplicemente hanno disabilitato il caricamento delle immagini per navigare più velocemente, non possono visualizzare il contenuto delle immagini. Le WCAG quindi raccomandano l'uso dei tag ALT e TITLE.
L'attributo ALT fornisce un equivalente testuale dell'immagine. Ad esempio se voglio segnalare con una piccola immagine il fatto che una risorsa sia un file pdf posso affiancare al link l'immagine del logo Acrobat Reader, che viene corredata dall'attributo ALT.
<img src="acro.gif" alt="logo Acrobat Reader" />
È importante fornire un equivalente testuale dell'immagine che sia coerente con l'immagine stessa, tenendo presente il contesto e la funzione dell'immagine.
TITLE è per molti aspetti simile ad ALT, anche se la sua funzione può essere estesa ad ogni elemento HTML. TITLE infatti ha la funzione di fornire informazioni consultorie, che possono rendersi molto utili ad esempio per descrivere i link.
<a title="Il rapporto tra usabilità ed estetica nella progettazione di interfacce" href="http://www.hyperlabs.net/ergonomia/bolognani/index.html" name="estetica">Estetica</a>
Per quanto riguarda le immagini, nonostante l'attributo TITLE svolga la stessa funzione di ALT, è sempre meglio utilizzare ALT (oppure entrambi) perchè alcuni browser non visuali si comportano in modo erroneo.