Для чего нужен атрибут `alt` у изображений?

Главное

alt задаёт текстовую альтернативу содержимому картинки — для screen reader’ов, при отключённых изображениях и как fallback.

Правила

• Информативное изображение — краткое описание смысла в контексте.
• Декоративное — alt="" (пусто), чтобы AT пропустило шум; часто плюс aria-hidden="true" на чисто декоративном SVG.
• Не дублируйте подпись рядом слово в слово без нужды.
• В кнопке/ссылке без текста alt (или aria-label) становится именем контрола.

<img src="chart.png" alt="Рост выручки на 20% за квартал" />
<img src="divider.svg" alt="" />

Итог

alt — про смысл для тех, кто не видит картинку, а не про SEO-спам ключевыми словами.