Альтернативний текст зображень не повинен повторювати текст навколо

Переконайтеся, що альтернативний текст зображення не дублює текст, який вже є поруч.

Проблема

Якщо зображення знаходиться поруч з текстом, який описує те саме, скрінрідер прочитає інформацію двічі.

Як виправити

<!-- ❌ Неправильно: alt дублює текст -->
<img src="phone.jpg" alt="iPhone 15">
<span>iPhone 15</span>

<!-- ✅ Правильно: зображення декоративне, текст вже є -->
<img src="phone.jpg" alt="">
<span>iPhone 15</span>

<!-- ✅ Або: alt додає нову інформацію -->
<img src="phone.jpg" alt="iPhone 15 у чорному кольорі, вигляд спереду">
<span>iPhone 15</span>