Как писать альтернативный текст для изображений (alt)?

Атрибут `alt` — текстовая замена изображения: его читают скринридеры и показывают, если картинка не загрузилась.

Правила

• Информативное изображение: описать смысл, а не внешний вид. Не нужно начинать со слов «изображение» или «картинка».
• Изображение-ссылка или кнопка: описать действие или цель.
• Декоративное изображение: пустой alt="", чтобы скринридер его пропустил.
• Сложные графики и схемы: краткое alt и подробное описание рядом в тексте.
• Атрибут alt нужен всегда, даже пустой: без него скринридер читает имя файла.

<img src="chart.png" alt="Продажи выросли на 30% в третьем квартале">
<img src="divider.svg" alt="">
<a href="/cart"><img src="cart.svg" alt="Корзина"></a>

Коротко для собеседования

alt передаёт смысл изображения. Для декора пишем пустой alt="", для ссылок описываем действие.