Соответствуйте новым веб-стандартам, предлагая онлайн-формы с поддержкой доступности. Наши советы вам помогут.
Доступность — это один из основных принципов качественного современного веб-дизайна. Создание веб-контента, которым может пользоваться широкий круг лиц, включая людей с различными нарушениями, является стандартом. Во многих странах, например в США, даже существуют специальные требования к веб-доступности. Онлайн-формы не являются исключением.
Формы с поддержкой доступности создаются для того, чтобы их мог заполнить любой пользователь. О какой бы форме ни шла речь — от регистрации на мероприятие и сбора отзывов до отклика на вакансию — с помощью наших рекомендаций любая ваша форма будет доступной.
В США проживает 61 миллион человек с инвалидностью. Пользование интернетом должно быть доступно каждому, и веб-доступность способствует взаимодействию и общению в сети. Но пользу от этого получают не только люди с инвалидностью. Формы и приложения с поддержкой доступности удобны для пользователей мобильных устройств с маленьким экраном, людей старшего возраста, а также тех, у кого низкая скорость интернета, ограниченная пропускная способность соединения и другие проблемы, препятствующие нормальному использованию ресурсов сети.
Если ваш веб-сайт или онлайн-форма не поддерживают функции доступности, вы потенциально ограничиваете доступ большому количеству человек.
Сегодня мы выполняем многие задачи онлайн. Интернет — это критически важный ресурс в сферах образования, коммерции, здравоохранения, финансов и многих других. Веб-сайт без поддержки доступности — это как магазин без пандуса при входе. Если пандуса нет, то в него не все смогут зайти. Ограничивая доступ к своему веб-сайту или форме, вы фактически отнимаете у людей возможность участвовать в некоторых современных сферах жизни общества. Например, люди с инвалидностью не смогут зарегистрироваться на мероприятие, если онлайн-форма регистрации не поддерживает функции доступности.
Онлайн-контент должен быть в одинаковой степени доступен каждому. Сделайте свой веб-сайт и формы доступными для людей с когнитивными и визуальными нарушениями и для пожилых. Это правильный поступок.
С помощью доступного веб-сайта и форм вы сможете охватить более широкую аудиторию, которой будет удобно пользоваться вашим контентом. Цифровая доступность привлечет дополнительный трафик, увеличит посещаемость и конверсию. Удобство пользования особо отметят пожилые, люди, проживающие в развивающихся странах и в сельской местности, а также те, у кого ограниченный доступ к технологиям. Игнорирование потребностей людей с ограниченными возможностями исключает огромный сегмент потенциальных покупателей.
По оценкам Всемирной федерации рекламодателей (World Federation of Advertisers, WFA), ежегодный наличный доход рынка пользователей с инвалидностью составляет более 13 триллионов долл. США. Другими словами, вы можете как заработать на веб-доступности, так и потерять, не уделив ей должного внимания.
Рекомендации по веб-доступности определяются Консорциумом W3C (World Wide Web Consortium) в Руководстве по обеспечению доступности веб-контента (WCAG), которое устанавливает международные стандарты веб-доступности.
Помимо руководства WCAG, существуют и другие правовые рамки для обеспечения доступности веб-контента. Например, любой сайт, принадлежащий правительству США, подпадает под действие раздела 508 Закона о реабилитации инвалидов.
Закон США о защите прав граждан с ограниченными возможностями (Americans with Disabilities Act, ADA) не считается принудительным, но на него часто ссылаются в гражданских исках против веб-сайтов, владельцы которых не соблюдают стандарты доступности. Поэтому о нем также важно знать.
В руководстве по обеспечению доступности веб-контента (WCAG) 2 указаны четыре основные критерия. Каждый из них затрагивает разные аспекты доступности, предлагая способы соответствия. Они также указаны в кратком руководстве WCAG. Мы вкратце рассмотрим каждый из этих критериев и как они влияют на создание онлайн-форм.
Веб-контент должен быть представлен в таком виде, чтобы пользователи могли легко его воспринимать. В этом разделе есть несколько пунктов, касающихся форм.
Второй критерий предполагает доступность управления основным функционалом формы пользователями. Здесь важно учитывать следующие аспекты.
Веб-контент должен быть простым и понятным. Сложный для восприятия текст или наличие специальных терминов могут затруднить понимание контента, особенно у людей с когнитивными нарушениями. Поэтому при создании формы необходимо учитывать следующие аспекты.
Последний критерий касается надежности: контент должен быть надежным в такой степени, которая требуется для его интерпретации широким кругом различных пользовательских приложений, включая вспомогательные технологии (например, средства чтения с экрана). Соответственно, при создании онлайн-форм следует помнить о следующем.
При создании доступной онлайн-формы следует помнить о том, что пользователи с ограниченными возможностями по-разному взаимодействуют с веб-сайтами. Поэтому организациям важно использовать разные варианты обеспечения доступности веб-сайтов и форм для всех пользователей.
Далее мы расскажем о нескольких главных способах повышения доступности веб-форм. Этот список не является исчерпывающим, но с него вполне можно начать.
Чтобы текст был в формате, доступном для чтения людьми с нарушениями зрения, используйте достаточный коэффициент контрастности между текстом, фоном и другими элементами страницы. Высокий контраст делает текст удобочитаемым для всех пользователей, особенно для дальтоников.
SurveyMonkey предлагает целый ряд классических и стандартных тем, совместимых со стандартами раздела 508, которые можно использовать в формах. Они помечены специальным значком доступности.
Темы «Оригинальная», «Арктика», «Айсберг», «Пастель», «Вода» и «Уголь» соответствуют стандартам раздела 508. Они доступны в разделе «Стиль» в конструкторе форм.
Пользователи с нарушениями зрения часто пользуются средством чтения с экрана для взаимодействия с веб-контентом. Оно озвучивает контент формы и другую информацию на странице.
Для этого средство должно распознавать и воспроизводить вслух назначение формы. Замещающего текста при этом недостаточно. К полю должна быть прикреплена соответствующая метка, которая сообщит средству чтения с экрана, что конкретно воспроизводить. Кроме того, в коде страницы ко всем элементам управления формы, включая поля, флажки и кнопки, необходимо добавить элемент <label>.
При создании онлайн-форм с помощью конструктора SurveyMonkey вы можете не беспокоиться о наличии правильного кода на стороне сервера.
Несмотря на стремительное развитие технологий средства чтения с экрана и другие программы пока еще не могут интерпретировать содержание изображений и видео. Поэтому для повышения их доступности рекомендуется добавить замещающий текст.
Если вам необходимо вставить изображение или видео, добавьте к нему описание. Замещающий текст — это специальный атрибут, который средство чтения с экрана может воспроизвести. Такой текст должен описывать внешний вид или функцию изображения или видео, вставленных в форму.
Замещающий текст должен быть детальным. Например, для изображения большой стопки блинов можно использовать простое описание «блины». А можно добавить детали: «большая стопка блинов на белой тарелке со сметаной и икрой». Второй вариант дает более точное описание изображения, а значит будет полезнее для пользователя с нарушениями зрения.
Вы можете сделать некоторые поля в форме обязательными и, например, выделить их другим цветом. Но это не самый эффективный метод.
По умолчанию все обязательные поля отмечаются в SurveyMonkey звездочкой. Поэтому во вступлении к опросу следует указать, что все поля со звездочкой обязательные.
Рассмотрим на примере форм для сбора обратной связи. Какие бы отзывы вы ни собирали, рекомендуется некоторые вопросы сделать необязательными. Например, вы можете попросить пользователей рассказать о своих впечатлениях о взаимодействии с брендом А. Это важный вопрос, значит он должен быть обязательным. В конце формы вы можете поинтересоваться, есть ли у респондента дополнительные комментарии относительно его впечатлений о взаимодействии с брендом А. Такой вопрос должен быть необязательным, чтобы его можно было пропустить, если респонденту больше нечего добавить.
Средства чтения с экрана и другие вспомогательные программы менее эффективны при частом изменении контента. В случае формата по одному вопросу, поля будут отображаться одно за другим после заполнения. Такой формат не совместим с большинством вспомогательных программ и может быть неудобен для пользователей. Рекомендуется сгруппировать вопросы по теме и использовать многостраничный формат только при необходимости.
Соблюдая рекомендации по обеспечению веб-доступности, вы сможете избежать следующих двух проблем: отказ от заполнения формы и судебные иски.
Как было отмечено ранее, пользователей с ограниченными возможностями довольно много. Если ваш контент поддерживает функции доступности, вы сможете взаимодействовать с более широкой аудиторией, а значит, больше людей смогут заполнить вашу онлайн-форму. Если пользователям не предоставить возможность правильно заполнить форму, они откажутся от заполнения, а значит, вы не получите необходимые вам ответы, отзывы и отклики.
Большинство законов, касающихся веб-доступности, не имеют принудительной силы, но некоторые организации могут подать судебный иск против владельцев веб-сайтов, которые не соблюдают стандарты доступности. И в последние годы таких исков становится все больше. Чтобы избежать судебного процесса, рекомендуется обеспечить максимальную веб-доступность форм.
Чтобы вашу онлайн-форму могло заполнить большое количество человек, создайте ее на платформе SurveyMonkey. Следуйте нашим рекомендациям и советам, чтобы создать эффективную форму.
Мы предлагаем онлайн-конструктор, с помощью которого вы легко сможете создать форму для регистрации, сбора отзывов, подачи жалоб, совершения оплат и другие онлайн-формы. Создавайте и настраивайте формы для любых целей, используя наши интеграции для сбора платежей, автоматизации процессов и многого другого.
Вам всего лишь нужно зарегистрировать учетную запись SurveyMonkey. Чтобы создавать больше опросов вместе с командой, выберите подходящий тарифный план уже сегодня!