Аудит атрибутов alt у изображений (HTML)
Вставьте фрагмент HTML, чтобы получить список всех тегов <img> и проверить, у каких из них нет атрибута alt или он присутствует, но пуст.
Как это работает
Атрибут alt описывает содержимое изображения для пользователей программ экранного доступа и для поисковых систем, а также отображается, если изображение не удалось загрузить. Аудит доступности или SEO часто начинается с проверки того, что ни у одного важного изображения его не пропущено. Инструмент перечисляет все изображения во фрагменте HTML и показывает, отсутствует ли у них атрибут alt, пуст он или заполнен.
Является ли пустой атрибут alt (alt="") ошибкой?
Не обязательно: alt="" — это правильная практика для чисто декоративных изображений (например, рамки или визуального разделителя), так как он явно сообщает программам экранного доступа, что их нужно пропустить. Проблема — полное отсутствие атрибута alt у изображения, несущего смысл.
Какой альтернативный текст написать для изображения товара?
Опишите то, что показано на изображении, кратко и по фактам, при необходимости указав название товара — например, alt="Синий беговой кроссовок, вид сбоку", а не общий текст вроде alt="image", который не приносит пользы ни для доступности, ни для поисковой оптимизации.
100% локальная обработка: ваш фрагмент HTML никогда не передаётся на сервер, весь аудит выполняется в вашем браузере.