Как исправить: На изображении отсутствует замещающий текст
Отсутствие замещающего текста на изображении — распространенная проблема WCAG. Нарушение доступности, которое отмечают автоматические сканеры и к которому серьезно относятся правоохранительные органы EAA. Вот что вызывает это, почему это важно и конкретное решение.
Почему это важно и как это исправить
Пользователи программ чтения с экрана не слышат ничего значимого для изображений без замещающего текста. Правило «Изображение текста» WCAG 1.1.1 означает, что каждое недекоративное изображение нуждается в описании.
Добавьте атрибут alt, описывающий, что передает изображение, или alt="", если оно носит чисто декоративный характер.
Повторно запустите сканер после исправления, чтобы подтвердить отсутствие нарушений этого правила. Добавьте модульный тест или тест e2e, который подтверждает наличие соответствующего атрибута, чтобы проблема не могла регрессировать незаметно.
Руководство, а не юридическая сертификация
Результаты сканирования представляют собой автоматизированные рекомендации по обеспечению доступности, а не юридическую консультацию или сертифицированное заключение о соответствии. Всегда сочетайте автоматическое сканирование с ручной экспертной проверкой.
Часто задаваемые вопросы
Будет ли мой сайт оштрафован только за эту проблему?
Отдельные проблемы редко штрафуются напрямую. Власти обычно требуют исправления ситуации в установленные сроки; игнорирование уведомления может повлечь за собой административные штрафы.
Как сканер это определяет?
Мы применяем правила Axe-Core к отображаемой странице и выявляем каждое нарушение с помощью соответствующего критерия WCAG и затронутого селектора DOM.
