Блог

Как сделать сайт для слабовидящих: новые технологии и требования

Александр Шут / 08.11.201836

Одним из последних трендов, востребованных в сфере веб-разработки в Европе и Северной Америке, стали сайты для незрячих. 

Такая тенденция выглядит вполне закономерно: если вспомнить, как развивались сайты, то вы наверняка вспомните, что первостепенной задачей было, чтобы они просто… работали.

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

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

Третьим этапом и последним (на данным момент) трендом создания сайтов стал вопрос их доступности.

О том, почему это сейчас популярно, а также о том, как должен выглядеть веб-сайт для слабовидящих, мы расскажем вам в этом материале.

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

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

Доступность — это нечто большее, чем просто новомодная фишка, которую пытаются вовремя протащить маркетологи.

Только вдумайтесь в эти цифры: согласно данным Всемирной организации здравоохранения ООН, сейчас в мире проживают 39 миллионов слепых и порядка 124 слабовидящих. Для сравнения — это больше, чем все население Канады (37 млн человек) и эта цифра почти догнала население Украины (42 млн человек).

И она только растет.

Именно поэтому создание сайта для слабовидящих было только вопросом времени.

Первые шаги в этом направлении были сделаны в 1996 году: в ходе очередного заседания Консорциума Всемирной Паутины обсуждали инициативу по улучшению доступности сети. Вопрос оказался достаточно актуальным: его поддержали такие крупные компании, как Adobe, Microsoft и IBM.

На сегодня специальные настройки доступности для предоставления комфортного использования всемирной паутины внедрены в большинство популярных востребованных браузеров, а мировое сообщество пользуется общепринятым международным стандартом WCAG 2.0, созданным специально для пользователей с особыми потребностями.

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

Ну а мы научим вас, что нужно делать, чтобы оставаться в тренде и не потерять возможных клиентов :)

Кому разработка сайта для слабовидящих нужна в первую очередь

Доступность — она для всех и про всех. Речь идет не только о слепых и слабовидящих, но и о каждом из нас: студентах, просматривающих веб-ресурс со смартфонов, бизнесменах с ноутбуком в шумных кафе, пенсионерах и людях с ограниченными возможностями.

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

Однако есть определенная категория лиц, особенно нуждающихся во внедрении новой технологии. Это слабовидящие дети и взрослые, имеющие такие болезни:

  • миопия;
  • близорукость;
  • катаракта;
  • глаукома;
  • астигматизм; 
  • дальтонизм;

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

Требования к версии сайта для слабовидящих

Вышеупомянутый W3 Web Content Accessibility Guidelines предполагает внедрение целого ряда стандартов сайта для слабовидящих.

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

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

А теперь поговорим о требованиях к сайту для слабовидящих более подробно.

Первое важное правило касается воспринимаемости ресурса.

В это понятие входит:

  1. Ваши посетители могут сами выбирать — читай, регулировать цвет фона, на котором будет размещена информация, а также выбирать оптимальный цвет текстового блока.
  2. Ширина текста — в пределах 80 символов, не допускается выравнивание по ширине окна или блока.
  3. Размер шрифта можно без проблем увеличить в 2 раза и даже больше. И все это с сохранением прежней функциональности и без появления ползунка горизонтальной прокрутки.
  4. Требуемые параметры контраста — не менее 4.5:1.
  5. Междустрочный интервал — полуторный или даже больше, а само расстояние между параграфами больше в полтора раза, чем выбранный междустрочный интервал.

Второе важное требование — это операбельность.

Сюда относят такие качества:

  1. Простота и удобство навигации, определения положения пользователя на различных страницах веб-ресурса входят в число основных приоритетов разработки современного сайта.
  2. Для пользователей, осуществляющих управление сайтами при помощи клавиатуры, важно сделать текущий фокус видимым, а функции — доступными.
  3. Пропуск повторяющегося блока для быстрого перехода к основной информации веб-страницы.

Следующий важный момент — ясность.

А это означает:

  1. Никаких “сюрпризов” со стороны веб-страниц, которые должны вести себя прогнозируемо;
  2. Пользователю комфортно выполнять ввод данных на сайте;
  3. Самое содержимое сайта, весь его контент удобен при прочтении и интуитивно понятный.

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

Как сделать сайт для слабовидящих

Среди веб-разработчиков термин “доступность” часто называют “accessibility” или сокращают до аббревиатуры A11Y. Сейчас accessibility невероятно востребована за рубежом и становится все более актуальной и для украинских реалий.

Ну а теперь, собственно, переходим к тому, как установить версию для слабовидящих на ваш сайт.

Адаптация сайта для слабовидящих — это далеко не так просто, как может показаться на первый взгляд.

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

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

Именно поэтому так важно еще на этапе разработки сайта ответственно подойти к выбору веб-студии, которая будет заниматься вашим проектом.

По-сути, не нужно изобретать велосипед и усложнять себе жизнь, делая отдельную версию для людей с ограниченными способностями. Все это можно реализовать гораздо проще: нужно просто создать удобный и нормально сверстанный сайт.

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

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

Конечно, нет предела совершенству и в зависимости от потребностей клиента можно идти намного дальше базовых правил, но даже соблюдение самых базовых правил, которые в 90% случаев попросту игнорируются разработчиками — это уже огромный плюс.

За плечами нашей веб студии уже есть один такой проект — пример сайта для слабовидящих, выполненный для юридической компании Lawson Creamer. 

Ищете, разработчика сайтов для слабовидящих?

Веб-студия Zwebra охотно поможет реализовать новую технологию на вашем сайте и сделать это максимально эффективно и удобно для вашей потенциальной аудитории.

Подпишитесь на рассылку

Наш Twitter

У вас есть проект?

Давайте обсудим его!

Свяжитесь с нами, или оставьте заявку онлайн

+38 (098) 455 35 55

Заказать звонокОтправить запрос

Остались вопросы?
Мы ответим

Оставьте заявку

и мы свяжемся с Вами в ближайшее время

Оставьте свой номер

и мы свяжемся с Вами в ближайшее время