Версия сайта для слабовидящих

Делаем сайт доступным для людей с нарушениями зрения: настраиваемый размер шрифта и контраст, понятная структура для экранных чтецов, управление с клавиатуры.

Наши работы

Все работы

Мы создаём эффектные и эффективные бизнес-проекты: каждый сайт решает ровно те задачи, которые мы согласовали с клиентом на старте.

Интернет-магазинUX/UI и SEO для магазина ВайншопперСмотреть проект Корпоративный сайтКорпоративный сайт «Комплексный подряд»Смотреть проект Корпоративный сайтРедизайн сайта Только ЯблокоСмотреть проект Корпоративный сайтРедизайн сайта Дон ТелевизорСмотреть проект Корпоративный сайтАгентство недвижимости ГородСмотреть проект Корпоративный сайтРабота Автопрофи (Камаз Центр Донецк)Смотреть проект Интернет-магазинИнтернет-магазин SteelsmartСмотреть проект Корпоративный сайтКолбикоСмотреть проект Интернет-магазинИнтернет-магазин RacoltaСмотреть проект Корпоративный сайтСайт медицинского центра Infinity ClinicСмотреть проект Корпоративный сайтСайт усадьбы Мираж+Смотреть проект Интернет-магазинРедизайн сайта КАМАЗ ЦЕНТР ДОНЕЦКСмотреть проект Интернет-магазинИнтернет-магазин ХайтекСмотреть проект Корпоративный сайтMaster GadgetСмотреть проект Корпоративный сайтВремя ДобрыхСмотреть проект Интернет-магазинSelluxuryСмотреть проект Корпоративный сайтСайт SPA-салона Пани Беата СпаСмотреть проект
Показать еще

Мы попросили клиентов поделиться впечатлениями от работы с нами и записать короткие видео.

Все отзывы

Коротко про услугу

Кому это нужно

Версия для слабовидящих помогает людям, которым трудно читать мелкий текст, различать цвета или пользоваться мышью. Среди посетителей любого сайта есть пожилые люди и люди с нарушениями зрения, и для них неудобный интерфейс — это закрытая дверь.

Для сайтов государственных и муниципальных учреждений — школ, больниц, библиотек, органов власти — доступность не пожелание, а обязательное требование. Ориентиром служит национальный стандарт ГОСТ Р 52872, который описывает требования доступности интернет-ресурсов для людей с инвалидностью. Поэтому для таких сайтов мы сразу закладываем и версию для слабовидящих, и доступность основной версии.

Что входит в версию для слабовидящих

  • переключатель на видном месте каждой страницы;
  • увеличение размера шрифта без поломки вёрстки;
  • контрастные цветовые схемы — например, чёрный текст на белом и белый на чёрном;
  • настройка межбуквенного и межстрочного интервала;
  • отключение изображений и анимации по желанию посетителя;
  • сохранение выбранных настроек при переходе между страницами.

Доступность глубже переключателя

Кнопка «Версия для слабовидящих» сама по себе не делает сайт доступным. Незрячие посетители пользуются экранными чтецами, которые озвучивают страницу, и для них важно, как сайт устроен внутри. Поэтому мы проверяем и исправляем:

  • правильную иерархию заголовков и смысловую разметку;
  • текстовые описания изображений;
  • подписи полей форм и понятные сообщения об ошибках;
  • управление всеми элементами с клавиатуры и видимый фокус;
  • достаточную контрастность текста в основной версии.

Подробнее о самом понятии — в статье про доступность интерфейса.

Доступность полезна не только людям с нарушениями зрения. Контрастный текст легче читать на солнце с телефона, понятные подписи форм снижают число ошибок, а аккуратная разметка помогает поисковым системам разобраться в содержании страницы.

Для учреждений отдельно проверяем документы: положения, отчёты и расписания часто публикуют сканами, которые экранный чтец не может прочитать. Такие материалы лучше дублировать текстом на странице.

Для нового и для готового сайта

В новом сайте доступность закладываем с первых макетов, и это обходится дешевле, чем доработка. Для готового сайта сначала проводим проверку: смотрим, что мешает людям с нарушениями зрения, и составляем список правок. Иногда хватает настроек и переключателя, иногда приходится переделывать шаблоны. Если сайт устарел настолько, что дорабатывать его невыгодно, предложим редизайн с доступностью в основе.

После запуска передаём редакторам короткие правила: как писать описания изображений, как оформлять заголовки и почему нельзя выкладывать важную информацию только в виде картинки или скана документа. Без этого доступность постепенно теряется с каждой новой публикацией.

Как мы работаем

  1. 01

    Проверка сайта

    Оцениваем текущий сайт: шрифты, контраст, разметку, формы, работу с клавиатуры и экранным чтецом.

  2. 02

    Список требований

    Составляем перечень доработок с учётом ГОСТ Р 52872 и особенностей вашего учреждения или бизнеса.

  3. 03

    Дизайн версии

    Проектируем переключатель и цветовые схемы, проверяем макеты на крупном шрифте.

  4. 04

    Разработка

    Программируем версию для слабовидящих и исправляем разметку, формы и навигацию основной версии.

  5. 05

    Тестирование

    Проверяем сайт с экранным чтецом, с клавиатуры и в разных режимах отображения.

Частые вопросы

Обязательна ли версия для слабовидящих?
Можно ли просто поставить готовый виджет?
Можно ли сделать версию для готового сайта?
Повлияет ли это на дизайн основной версии?