reChecker/Гайды/Alt-текст
Доступность

Как добавить Alt-текст к изображениям

Alt-текст описывает содержимое изображения для скринридеров и поисковиков. Обязателен по стандартам доступности (WCAG).

1

Добавьте атрибут alt

Каждый тег <img> должен иметь атрибут alt с описанием.

<img src="team.jpg" alt="Команда разработчиков в офисе обсуждает проект">
2

Декоративные изображения

Для декоративных изображений используйте пустой alt="":

<img src="divider.png" alt="">
3

Правила

Alt должен быть конкретным (не «картинка» или «фото»), содержать ключевые слова естественно, и быть до 125 символов.

Проверьте ваш сайт

Запустите аудит и узнайте, есть ли эта проблема на вашем сайте

Запустить бесплатный аудит

Поддержка reChecker

Нашли баг, сбой или ошибку в работе reChecker? Есть предложение по улучшению? Напишите нам, чтобы мы проверили и исправили проблему в сервисе.

Эта форма для обратной связи по работе reChecker. Если нужна разработка или поддержка вашего сайта, отправьте отдельную заявку:

Для ответа укажите минимум один контакт: email или телефон.