Атрибут alt предоставляет текстовую альтернативу, описывающую содержание или назначение изображения. Он служит пользователям и инструментам, которые не могут видеть изображение.
html
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
Атрибут alt предоставляет текстовую альтернативу, описывающую содержание или назначение изображения. Он служит пользователям и инструментам, которые не могут видеть изображение.
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
alt вслух, поэтому слепой пользователь знает, что передает изображение. Без него они слышат только имя файла или просто "изображение" — бесполезно.alt вместо значка поврежденного изображения.alt для понимания и индексирования изображений (SEO изображений).<!-- ✅ describe the MEANING, not "image of..." -->
<img src="dog.jpg" alt="A golden retriever catching a frisbee" />
<!-- ✅ for functional images, describe the ACTION -->
<a href="/home"><img src="logo.png" alt="Acme home" /></a>
<!-- ✅ DECORATIVE images get an EMPTY alt so screen readers skip them -->
<img src="divider.png" alt="" />
alt="" (пусто, но присутствует) важно: оно говорит программам чтения с экрана "это декоративно, игнорируйте это". Полное исключение alt — это другое — тогда читатель может объявить имя файла.
alt — это самый важный атрибут доступности для изображений и юридическое требование в соответствии со стандартами доступности (WCAG).
Оно делает содержание восприятиемым для невидящих пользователей, обеспечивает резервный вариант при сбое изображений и помогает SEO — опишите, что означает изображение в контексте, и используйте alt="" для чисто декоративных изображений.