Основы веб-доступности

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

Соединенные Штаты и многие другие страны приняли законы и правила, касающиеся доступности Интернета. Согласно Руководству по доступности Интернета и ADA, «Доступность Интернета для людей с ограниченными возможностями является приоритетом для Министерства юстиции».

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

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

Почему веб-доступность важна

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

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

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

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

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

Основы специальных возможностей

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

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

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

В рекомендациях консорциума World Wide Web Consortium (W3C) говорится, что принципы доступности сети заключаются в том, что пользователи могут «воспринимать, понимать, перемещаться и взаимодействовать с сетью». Разработка и внедрение лучших практик доступности означает следование этим принципам и практику инклюзивности во всех элементах. Некоторые аспекты доступности могут потребовать более сложного планирования и реализации, но многое из этого легко реализовать сразу, о чем мы поговорим далее.

Внедрение специальных возможностей сейчас

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

Письменный контент

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

• Убедитесь, что ваш текст четкий, лаконичный и читабельный. Избегайте слишком сложного языка, чрезмерных метафор, аббревиатур без пояснений и длинных предложений.
• Используйте пробелы по всей странице, включая более короткие абзацы и легко усваиваемые элементы списка, когда это возможно.
• Отформатируйте, используя правильные заголовки (h2, h3 и т. д.), чтобы логически структурировать страницу.
• Убедитесь, что заголовки страниц четкие и правильно отформатированы. Избегайте чрезмерного форматирования, такого как курсив и жирный шрифт.
• Делайте ссылки описательными и избегайте слов вроде «нажмите здесь». Заголовки, элементы списка и другие структуры контента размечены правильно.

Другие типы контента

Еще один простой способ внедрить передовой опыт в области специальных возможностей — обратиться к мультимедийному контенту. Вот несколько основных рекомендаций:

• Изображения должны иметь краткий описательный замещающий текст, поясняющий, что это за изображение.
• Аудиоконтент (например, подкасты или интервью) должен иметь транскрипцию.
• Видеоконтент должен иметь подписи и транскрипцию.

Формы

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

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

Элементы дизайна и навигации

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

• Обновите любые текущие проблемы с контрастом.
• Измените любые экземпляры цвета, которые являются единственным индикатором интерактивных элементов.
• Убедитесь, что навигация логична и воспринимаема.

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

• Сделайте свой сайт удобным для клавиатуры (возможность навигации с помощью клавиш Tab, Escape и клавиш со стрелками), так как многие пользователи перемещаются по веб-страницам без использования мыши.
• Убедитесь, что размер текста можно изменить, чтобы посетители могли увеличивать масштаб для чтения по мере необходимости.
• Используйте соответствующую разметку (ознакомьтесь с советами W3C по веб-дизайну для получения дополнительной информации).

Долгосрочные стратегии доступности

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

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

Что касается долгосрочных стратегий, полезно рассматривать веб-доступность с инклюзивным подходом к дизайну. Подумайте о том, кто может посещать ваш сайт и что им может понадобиться для успешной навигации (и конвертации!) Часто определенные инструменты или подходы на самом деле полезны для многих типов пользователей. Например, текст с изменяемым размером необходим пользователям с плохим зрением; посетитель со своего смартфона также может оценить эту функцию. Наличие чат-бота или контактной формы полезно не только для глухих или слабослышащих посетителей, но и для посетителей, которые испытывают беспокойство.

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