Интернет равно свобода. Но он всё ещё остаётся частично закрытым для незрячих, глухих и людей с ОВЗ. Главная проблема — уровень цифровой доступности сайтов. Кого и как это ограничивает, поговорим в статье 👇
Что такое цифровая доступность сайта?
Цифровая доступность — это способность веб-сайтов, мобильных приложений и цифровых сервисов работать для всех без исключения: зрячих или незрячих, слышащих или глухих, молодых и здоровых или пожилых.
Адаптация интернет-платформ нужна не только людям с ограниченными возможностями здоровья (ОВЗ). «Особенный» интерфейс может выручить в ситуации, когда пользоваться «обычным» сложно, например:
- при мигрени, когда каждый звук кажется пыткой, выручают субтитры под видеороликами
- на ярком солнце, где почти невозможно разглядеть что-либо на экране, можно воспользоваться тифлокомментариями — функцией для озвучки изображения
- с переломом руки сложно печатать текст запроса или сообщения, но можно воспользоваться функцией голосового ввода
- после тяжёлого рабочего дня — когда уже прилег, а вставать за очками не хочется — можно включить режим для слабовидящих.
Цифровая доступность не заточена под отдельную категорию пользователей — она исходит из того, что барьеры могут возникнуть у любого. Эта истина стала общепризнанной после известного примера, названного «эффектом бордюра»⤵️
В 1970-х в американских городах начали создавать съезды с бордюров для людей в инвалидных креслах. Однако использовать спуски стала не только целевая аудитория реформы, но и те, о ком и не думали авторы идеи: мамы с колясками, велосипедисты, и пожилые люди. Так появился термин «эффект бордюра» (Curb Cut Effect), ярко иллюстрирующий, что вещи и пространства, разработанные для людей с инвалидностью, зачастую становятся удобными для всех.
Как ставят веб-подножки людям с ОВЗ?
Проблемы цифровой доступности остаются невидимыми для тех, кто лично с ними не сталкивается. А для человека с ОВЗ не существует сайт без адаптации — ведь воспользоваться им невозможно.
Вот самые распространённые барьеры сайтов:
- У изображений нет alt-текстов. Без них экранный диктор / скринридер — а значит и незрячий человек — не узнает содержание картинки. Текстовые пояснения к визуалу также полезны и для SEO-продвижения — с их помощью в страницу можно встроить поисковые ключи.
- Сайтом трудно управлять с клавиатуры. Многие люди с нарушениями двигательных функций не пользуются мышью. Попробуйте сделать целевое действие на сайте, используя клавиши Tab и Enter. Если навигация работает только кликами через курсор, значит сайт недоступен для довольно большой группы пользователей.
- «Нюдовый» дизайн. Сайты нередко используют неконтрастные пастельные оттенки фона и делают чуть темнее подложки — это тренд в дизайне, который оставляет слабовидящих и людей с цветовой слепотой без какой-либо информации — ведь прочитать такой текст они не смогут.
- Видео и звук воспроизводятся автоматически. Это критически плохо для людей с нарушениями слуха и когнитивными расстройствами. Автовоспроизведение отнимает возможность перемотать в начало, поставить на паузу, просмотреть видео в удобном темпе.
- Мелкий и нечитаемый текст. Кнопку в 20 пикселей непросто заметить на странице — что уж говорить о возможности кликнуть по ней дрожащими пальцами. Благо инклюзия и уже названный «эффект тротуара» задали новый тренд на крупную вёрстку веб-страниц в UX/UI-дизайне!
- Текст без разметки. Отсканированный документ — по сути фотография текста, а не сам текст, поэтому его не сможет прочитать ни один скринридер. Если в файле нет заголовков, порядка чтения и тегов, он остаётся недоступным для незрячих.
Как сделать универсальный сайт?
Международный стандарт доступности веб-страниц — WCAG (Web Content Accessibility Guidelines). Этот стандарт построен на четырёх принципах, согласно которым любой сайт должен быть воспринимаемым, управляемым, понятным и надёжным. Закрепляем на практике:
✅ Правильно:
- Сайт универсален и может быть использован кем угодно
- Alt-текст под каждой картинкой с описанием изображённого на ней
- Навигацией на сайте можно управлять переключением клавиш на клавиатуре
- Альтернативные версии для всех элементов — в том числе звуковые и визуальные капчи для проверки на робота
- Коэффициент контраста текста — не менее 4,5:1
- Видео с субтитрами и возможностью паузы
- Масштабирование текста до 200% без потери функциональности
❌ Так не надо:
- Для инвалидов — «специальная» версия сайта
- Визуал без подписей, который не существует для незрячих
- Всплывающие окна без возможности закрыть с клавиатуры
- Капча только в виде изображения без звуковой альтернативы
- Модные пастельные тона, которые сложно воспринимать даже зрячим
- Автовоспроизведение видео и аудио без управления
- PDF-сканы без текстового слоя и разметки
Начать адаптацию можно с простых шагов:
- Запустите автоматический аудит через расширение axe DevTools или Google Lighthouse — он покажет самые критичные проблемы
- Добавьте осмысленные alt-тексты ко всем изображениям, кнопкам и иконкам
- Проверьте контраст текста на сайте — например, через инструмент WebAIM Contrast Checker
- Попробуйте пройти весь путь покупки, используя только Tab, Enter и стрелки клавиатуры
- Убедитесь, что все формы имеют видимые подписи к полям — не только placeholder внутри
- Проверьте, что заголовки (h1, h2, h3) используются по назначению, а не для стилизации текста
Доступная цифровая среда — это не уступка, а признание права на доступ к товарам и информации вне зависимости от особенностей пользователей. Компании, которые понимают это, расширяют свою аудиторию и заслуживают доверие покупателей.
Хотите узнать о чём-нибудь ещё? Задайте вопрос в комментариях — подготовим для вас интересную статью!
А получить консультацию по техническим средствам реабилитации и электронным сертификатам СФР можно у наших специалистов.