Le immagini sono un grosso problema per gli Screen Reader e, se non ben incluse nella pagina, lo saranno anche per il lettore. Vediamone alcuni esempi nel seguente script.

<img src="persona.png">
<!-- SR: "persona.png" -->
<img src="persona.png" alt="Una persona">
<!-- SR: "Una persona" -->

Se l'attributo alt risulterà vuoto o verrà impostato l'attributo role="presentation" lo screen reader notificherà solamente l'esistenza di un immagine.

<img src="persona.png" alt="">
<img src="persona.png" role="presentation">
<!-- SR: "Immagine" -->

Aggiungendo un title e andando sopra con il mouse, viene visualizzato un testo aggiuntivo.

<img src="persona.png"
    alt="Una persona"
     title="Immagine di una persona">
<!-- SR: "Una persona" -->

Se più immagini necessitano lo stesso alt text, si può fare riferimento tramite id a una label esterna utilizzando aria-labelledby

<img src="logo.png" aria-labelledby="logo-label">
<img src="logo.png" aria-labelledby="logo-label">

<p id="logo-label">Un logo</p>
<!-- SR: "Un logo" -->