Сначала выберите назначение изображения, затем получите варианты alt-текста, HTML-пример и практическую проверку доступности.
Панель решения по alt-тексту
Сначала отделите декоративные, информационные, товарные, функциональные, текстовые и сложные изображения.
Главное правило
Опишите смысл, необходимый пользователю на этой странице, а не каждую визуальную деталь.
Быстрые примеры
Решение
Товар или место
Длина
91
Пройдено
10/10
Добавьте только значимые сведения: главный объект, контекст страницы, действие, видимый текст и необязательный ключ.
Альтернативный текст передает роль изображения в контексте страницы. Декоративным изображениям нужен пустой alt, функциональным — действие, информационным — смысл, а сложным схемам — короткий alt и подробное пояснение.
Нет. Опишите только смысл, необходимый для понимания страницы. Декоративным изображениям лучше подходит alt="".
Только если они естественно соответствуют изображению и контексту. Не повторяйте их искусственно.
Обычно нет. Добавьте рядом текст, таблицу или сводку данных.
Важные замечания
Расчёты основаны на стандартных формулах. Значения могут округляться для удобства чтения. Для важных решений проверьте официальный источник.
Сохраните результат, сравните его с предыдущими расчетами или поделитесь отчетом.