Веб-доступность — это характеристика сайта, позволяющая пользователям с ограниченными физическими или техническими возможностями свободно пользоваться ресурсом без каких-либо затруднений. Термин «веб-доступность» происходит от английского слова Accessibility (в переводе «Доступность») или сокращенно A11Y. О веб-доступности часто забывают и не уделяют ей должного внимания. В этой статье мы разберемся, почему важна веб-доступность сайта и как ее проверить.
Почему важна веб-доступность
Веб-доступность позволяет людям с ограничениями получать нужную им информацию и совершать действия на сайте: зайти в личный кабинет, оформить покупку в интернет-магазине и т. д. Ограничения могут быть постоянными или временными, физическими или техническими ― например, сломанная рука или нерабочая компьютерная мышь. В этом случае минимальное требование к сайту — возможность управлять им клавиатурой. Для пожилых пользователей важен размер и контрастность текста. Для посетителей с нарушениями слуха — наличие субтитров в видео.
Резюмируя, веб-доступность сайта важна по нескольким причинам:
Мораль. Пользователи с ограниченными возможностями не должны испытывать трудностей в использовании интерфейса сайта. Им также интересно изучать информацию, смотреть видео и узнавать что-то новое.Забота о клиентах. Посетители сайта с временными или постоянными ограниченными возможностями — равноценные клиенты вашей компании, которые приносят прибыль. Проявление минимальной заботы положительно сказывается на репутации компании.
Обязательное требование. В России сайтам школ, университетов, больниц и других госучреждений на юридическом уровне необходима версия для слабовидящих. Для сайтов медицинской тематики также крайне рекомендуется добавить версию для слабовидящих пользователей.
Веб-доступность по закону
В России веб-доступность регулируется ГОСТОМ Р 52872-2019. Этот ГОСТ опирается на стандарт WCAG, разработанный Всемирным Веб Консорциумом ― организацией, отвечающей за внедрение стандартов работы сети Интернет.
Стандарт WCAG выделяет 4 главных принципа веб-доступности:
Управляемость. Возможность управлять сайтом разными способами, например, клавиатурой.
Понятность. Ничто не должно мешать восприятию информации.
Надежность. Контент сайта должен быть пригоден для взаимодействия с различными пользовательскими приложениями.
Воспринимаемость. Посетитель сайта должен без труда воспринимать информацию любым из органов чувств. Например, для слепого пользователя должны присутствовать инструменты, позволяющие услышать контент веб-страницы.
Как проверить веб-доступность сайта
Веб-доступность сайта оценивается по соблюдению принципов WCAG. В свою очередь, у каждого принципа есть уровни. Уровень А — минимальный уровень веб-доступности сайта, АА — средний уровень, ААА — высокий уровень.
Сайт считается веб-доступным, если:
Все его страницы выполняют требования каждого принципа WCAG хотя бы на минимальном уровне.
Контент всех страниц соответствует заявленному уровню.
Контент страниц поддерживает разные технологии. Например, отображается в браузере и скринридере (экранное считывающее устройство для пользователей с плохим зрением).
Легкий способ проверить минимальную веб-доступность сайта — попробовать «погулять» по нему клавишами «tab», «shift+tab», «space» и «enter». Проверьте, выделяются ли элементы сайта при нажатии этих клавиш, понимаете ли вы, где сейчас находитесь. Для обнаружения других ошибок, связанных с веб-доступностью, пользуйтесь специальными сервисами, например, расширением для Google Chrome — Lighthouse. Нажмите в браузере вертикальное троеточие — дополнительные инструменты — расширения и вбейте в поисковую строку Lighthouse. Еще одно расширение — Siteimprove Accessibility Checker поможет проверить контент страницы сайта на соответствие стандартам WCAG.
Самый лучший способ протестировать веб-доступность сайта — предложить пользователю с ограниченными возможностями протестировать ваш ресурс и оставить своё мнение по удобству сайта. Если этой возможности нет, то попробуйте ограничить свой доступ к сайту. Например, наденьте повязку на глаза и попробуйте «погулять» по сайту, сделать заказ или оставить отзыв.