Какой атрибут HTML-тега обязателен для корректной работы скринридеров применительно к изображениям?

Зачем нужен атрибут alt?

Атрибут alt (alternative text) в теге <img> предоставляет текстовую альтернативу изображению. Скринридеры зачитывают этот текст, чтобы пользователи с нарушениями зрения могли понять содержание изображения. Без alt скринридер может прочитать имя файла или просто сказать "изображение", что неинформативно.

Правила использования

• Для информативных изображений: опишите суть изображения кратко, но содержательно. Например: alt="Диаграмма роста продаж за 2023 год".
• Для декоративных изображений: используйте пустой alt (alt=""), чтобы скринридер полностью пропустил элемент.
• Не используйте фразы вроде "изображение" или "картинка" — скринридер сам сообщит, что это изображение.

Пример кода

<!-- Информативное изображение -->
<img src="chart.png" alt="График роста продаж по месяцам">

<!-- Декоративное изображение -->
<img src="divider.png" alt="">

<!-- Ошибка: отсутствует alt -->
<img src="photo.jpg"> <!-- Скринридер прочитает имя файла -->

Вывод

Атрибут alt обязателен для всех изображений в вебе. Он обеспечивает доступность контента для людей, использующих скринридеры, и улучшает SEO. Всегда добавляйте alt, даже если он пустой для декоративных элементов.