Интернет должен быть доступен для всех людей, независимо от их способностей и инвалидности. Веб-разработчики и дизайнеры должны убедиться, что онлайн-контент доступен всем пользователям, даже если у них есть нарушения зрения или другие потребности.
Закон об американцах с ограниченными возможностями (ADA) вступил в силу в 1990 году. Согласно его федеральному сайту, закон «запрещает дискриминацию людей с ограниченными возможностями во всех сферах общественной жизни, включая работу, школы, транспорт и все общественные и частные места, открытые для широкой публики.»
Поскольку особое внимание уделяется доступности сайтов, я встретился с двумя разработчиками IMPACT - Тимом Остхаймером и Морганом ВанДерЛеестом - чтобы обсудить, как соответствие требованиям ADA влияет на их работу с клиентами.
Джон Беккер: Когда мы говорим о доступности, что мы имеем в виду?
Tim Ostheimer: С юридической точки зрения доступность – это короткий способ сказать о соблюдении американского Закона об инвалидах. Это обязательные стандарты, которые применяются к местам общественного размещения. Для некоторых организаций, таких как государство и правительство, это может включать их веб-сайт.
Однако эти требования все еще разрабатываются и со временем могут расшириться и затронуть большинство организаций. Это означает, что вам следует постараться обеспечить, чтобы ваш веб-сайт и любые общедоступные цифровые инструменты были пригодны для использования даже пользователями с ограниченными возможностями или нарушениями.
ДБ: Мы говорим исключительно о нарушениях зрения?
Morgan VanDerLeest: Нет, существуют различные потенциальные условия, которые могут повлиять на удобство использования. Помимо зрения, существуют такие проблемы, как нарушения слуха или умственные нарушения. Например, некоторые анимации или визуальные эффекты могут отвлекать или мешать просмотру вашего контента. Также большое внимание уделяется совместимости с клавиатурой - возможности управлять веб-сайтом без использования мыши. А есть люди с двигательными нарушениями, которые вообще не могут пользоваться мышью или клавиатурой и вместо этого взаимодействуют с помощью голоса.
JB: Существуют ли различия в правилах соответствия для разных типов веб-сайтов?
MV: Обычно существуют по отраслям. Например, здравоохранение и финансы, как правило, имеют более строгие стандарты. Но в основном это зависит от типа потребляемого контента или типа документа, например веб-сайт, PDF или видео.
Веб-сайты представляют собой особый случай, поскольку на них могут даже быть встроены видео и аудио, а рекомендации, относящиеся к этим типам файлов, могут быть неприменимы к другим веб-сайтам в той же отрасли, у которых отсутствуют эти функции. Требования также могут различаться в зависимости от страны, в которой находится компания.
JB: Дискуссии о соблюдении требований ADA становятся все более распространенными? Зачем агентствам вести эти разговоры?
TO: Большинство клиентов, которые обращаются к нам с вопросами о соблюдении требований ADA, являются теми, кто обязан их иметь. Однако дискуссии о соблюдении требований ADA определенно стали более распространенными, чем несколько лет назад. Поскольку эти требования все еще меняются и расширяются, некоторые компании хотят как можно скорее убедиться в том, что они соответствуют стандартам, а не ждать, пока это станет обязательным по закону.
MV: Мы внимательно изучаем сайты наших клиентов и учитываем всю их аудиторию. В некоторых отраслях пользователи с ограниченными возможностями или нарушениями могут составлять значительный процент клиентов наших клиентов. Для других количество пользователей, попадающих в эту категорию, может быть намного меньше. Но, игнорируя их потребность в надлежащей оптимизации доступности, вы лишаете их возможности потреблять контент вашего веб-сайта или покупать ваш продукт.
Таким образом, даже если по закону вы не обязаны его реализовывать, соблюдение требований ADA, как правило, является просто способом показать, что вы заботитесь обо всех своих клиентах.
JB: Как соответствие ADA в настоящее время влияет на ваш проект развития?
TO: Дизайн и разработка веб-сайтов в соответствии с ADA - это дополнительная функция, которую мы предлагаем для веб-проектов, но она нам не требуется. Однако мы учитываем многие аспекты доступного дизайна для каждого создаваемого нами веб-сайта. Некоторыми примерами этих соображений являются использование цвета и контраста, размера и размещения интерактивных элементов, а также текста, содержащего действия, на кнопках и призывах к действию.
JB: Это то, что вы делаете постепенно, пока создаете сайт, или задним числом, когда закончите?
TO: Обсуждения соответствия ADA включены в наши рабочие процессы, поэтому мы знаем, следует ли этому уделять особое внимание с самого начала проекта. Однако базовый уровень доступного дизайна - это то, что мы принимаем во внимание на протяжении всего процесса проектирования и разработки.
Реализация оптимизации доступности может происходить в разное время. Например, цветовые и визуальные аспекты доступности начинают проявляться уже в первых нескольких проектах, которые мы завершаем, тогда как функции пользовательского ввода, такие как ввод с клавиатуры, могут не быть реализованы до тех пор, пока сайт не будет в основном разработан, поскольку это дополнительная функциональность, которую мы добавляем к завершенная версия сайта.
JB: Каковы примеры передового опыта в области доступности?
MV: Вот несколько важных моментов, о которых следует помнить:
- Использование цвета и контраста для обеспечения читаемости текста. Например, отсутствие темного текста на темном фоне или светлого текста на светлом фоне.
- Управление веб-сайтом без мыши, обычно используется клавиша табуляции для более удобной навигации по веб-сайту. Стоит рассмотреть возможность добавления кнопки «перейти к основному содержимому», чтобы пользователи могли переходить мимо глобального заголовка вашей страницы, чтобы им не приходилось слишком много раз нажимать клавишу табуляции, чтобы перейти к первой гиперссылке в вашем тексте.
- Включение соответствующего замещающего текста на изображения, видео, значки и другие медиафайлы, чтобы пользователи с программами чтения с экрана могли получить доступ к той же информации, и вы не исключаете никакой необходимой информации от них.
- Документы должны быть структурированы таким образом, чтобы это имело смысл, с использованиемстандартных тегов заголовков и подзаголовков.
- Наличие индикаторов или описательного текста для обеспечения понимания элементов пользовательского интерфейса, таких как кнопки, вне контекста. Например, вместо надписи «Нажмите здесь» на вашей кнопке должно быть написано что-то действенное, например «Узнайте о соответствии требованиям ADA».
- Добавление соответствующих жестов указателя мыши, таких как значок указателя при наведении курсора на интерактивный элемент или значок руки, когда элемент можно перетаскивать. В дополнение к жестам мыши добавлены другие визуальные подсказки для интерактивных элементов, такие как изменение цвета кнопки при наведении.
JB: Что мы хотим, чтобы потенциальные клиенты знали о соблюдении требований ADA?
TO: Речь идет не столько о соблюдении юридических требований, сколько о попытках предоставить наилучшие впечатления всем, кто собирается посетить ваш сайт.
Как правило, соответствие ADA соответствует передовым практикам веб-дизайна и разработки, а также оптимизации для программ чтения с экрана и мобильных устройств. Это означает, что у соблюдения требований ADA нет никаких недостатков, кроме дополнительного времени, потраченного на его планирование и реализацию.
Многие функции веб-сайта, необходимые для соответствия требованиям ADA, могут оказаться очень полезными и для обычного пользователя, поэтому нет причин игнорировать их. По крайней мере, думайте о доступности как о еще одном уровне оптимизации для лучшего взаимодействия с пользователем.