Аудит 14 производственных сайтов за последние три месяца показал, что более 90% из них подверглись серьёзным нарушениям доступности по Европейскому закону о доступности (EAA). Это сигнал для разработчиков: исправление этих ошибок может улучшить пользовательский опыт для миллионов пользователей.
Обнаруженные нарушения
Сайты, которые проверялись, включали интернет-магазины и SaaS-платформы. Кодовые базы варьировались от чистого HTML до Next.js и WordPress. Главным сюрпризом стало выявление пяти одинаковых нарушений на почти всех сайтах — проблем, которые легко устранить.
Пять распространённых нарушений доступности
1. Отсутствие или бессмысленный alt-текст
Это нарушение было зафиксировано на 13 из 14 сайтов. Наиболее распространённые ошибки заключались в отсутствии атрибутов alt или неинформативных записях вроде «image1.png». Это создает значительные затруднения при использовании сайта для пользователей с ограничениями по зрению.
2. Формы без связанных меток
На 11 из 14 проверенных сайтов были обнаружены поля форм с текстом-заполнителем, но без соответствующих меток. Это создает проблемы как для обычных пользователей, так и для пользователей экранных считывателей. Решение заключается в добавлении видимых или скрытых меток для обеспечения доступности.
3. Недостаточный цветовой контраст
Каждый проверенный сайт имел хотя бы одно нарушение в цветовой контрастности. Наиболее частая ошибка — использование светло-серого текста на белом фоне. Требования WCAG требуют, чтобы соотношение контраста было не менее 4.5:1 для обычного текста.
4. Интерактивные элементы без описаний
Ряд сайтов содержал кнопки и ссылки без соответствующих описаний, что затрудняло взаимодействие пользователей с вспомогательными технологиями. Каждый интерактивный элемент должен иметь чёткое описание его функций.
5. Неполная навигация
На 9 из 14 сайтов наблюдались проблемы с навигацией, затрудняющие поиск нужной информации. Каждая страница должна быть доступна и логично структурирована.
Значение доступности для разработчиков
Исправление этих нарушений значительно повысит качество и доступность сайтов, что приведёт к большему вовлечению пользователей и повышению конверсии. Стандарты доступности важны не только для соблюдения законов, но и для реальных пользователей.
