Следующая статья поможет вам: Соответствие веб-сайта требованиям ADA | Веб-сайт соответствия требованиям ADA
Введение в соответствие веб-сайта ADA
Американский закон об инвалидах был разработан до эпохи Интернета, его создатели намеренно разработали его, чтобы он развивался. Понятие «места или общественные помещения» может быть ключевым элементом закона и идеальным примером его гибкости. По мере развития технологий сегодня мы обнаруживаем, что веб-сайты и мобильные приложения являются важными местами для покупки, обучения, обмена и подключения и, таким образом, защищены ADA. Но многие не понимают конкретных стандартов и требований или того, что такое веб-сайт, совместимый с ADA.
Переход веб-сайта на соответствие ADA привел к замене юридической отрасли, которая использовала судебную систему для привлечения бизнеса к ответственности. Многие из этих юридических действий являются законными. Раньше законы были настолько сложными, что юристам было легко зарабатывать деньги. Сегодня это часто становится еще более актуальным, поскольку судебные иски о предполагаемых веб-сайтах или мобильных приложениях или о соответствии веб-сайтов нарушению ADA заполонили США, а также весь мир.
Правда в том, что у этих случаев есть достоинства. За последние два года в рамках проекта WebAIM для лиц с ограниченными возможностями в штате Юта были проведены тесты на доступность домашних страниц миллионов самых популярных веб-сайтов. Отчет за 2020 год показал, что 98,1% домашних страниц имели обнаруживаемые сбои WCAG 2 или не имели веб-сайтов, соответствующих требованиям ADA. Сам факт заключается в том, что если интернет-сайт специально не спроектирован и не создан для обеспечения доступности, он просто не соответствует дизайну веб-сайта, соответствующему требованиям ADA, и, следовательно, растущее осознание того, что цифровая доступность как гражданское право оказывает большее давление на владельцев веб-сайтов. эти вопросы, или столкнуться с судебными исками. Хотя для владельцев веб-сайтов может быть полезно добровольно соблюдать требования ada на веб-сайтах.
Дизайн веб-сайта, отвечающего требованиям ADA, имеет много преимуществ для бизнеса, помимо того, что помогает вам оставаться в безопасности от любых юридических действий. Веб-сайт, отвечающий требованиям ADA, оказывает вашим пользователям большое гостеприимство во многих аспектах. Давайте посмотрим на эти преимущества соответствия ADA на веб-сайтах.
- Закон об американцах-инвалидах (ADA) требует, чтобы определенные предприятия создавали приспособления для людей с ограниченными возможностями. Веб-страница должна быть доступна для слепых пользователей, глухих пользователей и людей, которые должны перемещаться с помощью голоса, программ чтения с экрана или других вспомогательных технологий.
- Предприятия, подпадающие под Раздел I, люди, которые работают 20 или более недель в году с минимум 15 штатными сотрудниками; или Раздел III, люди, попадающие в категорию «общественных помещений», подпадают под действие ADA.
- Неспособность создать веб-сайт, совместимый с ADA, может открыть бизнес для судебных исков, финансовых обязательств и нанести ущерб репутации их бренда.
Но если вы просто спросите, что такое соответствие требованиям ada для веб-сайтов и похоже ли это на что-то конкретное? Что ж, в таком случае ответ — нет, поскольку нет четкого регулирования, однако, говоря простым языком, ваш веб-сайт должен быть достаточно доступным, и есть много способов добиться этого.
Заинтересованы в наших услугах веб-дизайна, отвечающих требованиям ADA?
- Достигните видения своего бренда
- Стимулируйте взаимодействие с клиентами
- Настройте пользовательский интерфейс для интуитивно понятных цифровых взаимодействий
Понимание основ – что такое соответствие требованиям ADA?
ADA, принятая в 1990 году, запрещает дискриминацию в отношении людей с ограниченными возможностями, гарантируя, что им нужны такие же права и возможности, как и людям без инвалидности. Закон распространяется на все сектора, от рабочих мест и школ до транспорта и общественных/частных мест, гостеприимных для широкой публики.
В 2010 году Министерство юстиции США приняло Стандарты доступного дизайна Закона об американцах с ограниченными возможностями, обязывая все электронные технологии и информационные технологии, такие как веб-сайты, быть доступными для людей с ограниченными возможностями, такими как нарушения зрения и глухота..
Когда вы читаете о том, что такое веб-сайты, отвечающие требованиям ada, есть общий термин, который вы можете встретить много раз, и это WCAG. Давайте быстро поймем основы этого термина. WCAG расшифровывается как Руководство по доступности веб-контента.
Кто должен следить за соблюдением требований ADA?
Первое, что нужно знать о ADA, это то, какие предприятия обязаны его соблюдать.
Под Разделом I ADA под действие закона подпадает любой бизнес с минимум 15 штатными сотрудниками, работающий 20 или более недель в году.
Под Разделом IIIпредприятия, подпадающие под категорию «общественных помещений», такие как отели, банки и общественный транспорт, также должны соблюдать требования закона. Это означает, что применяются все положения закона, от физических соображений до цифровых приспособлений.
Если ваш бизнес подпадает под действие Раздела I или Раздела III ADA, и вы не уверены, что соответствуете требованиям, проконсультируйтесь с юристом по инвалидности, чтобы изучить ваши варианты.
Зачем следить за веб-сайтом соответствия ADA?
Соответствие веб-сайта ADA иногда может быть сложным, что может привести к оттоку ресурсов, особенно для предприятий, которые не обязаны соблюдать требования закона. Переработка вашего веб-сайта требует времени и энергии, а также больших денег. Но есть ли преимущества? Определенно есть; давайте посмотрим на эти преимущества:
Это юридический вопрос!
Недоступные веб-сайты, безусловно, могут сократить количество людей, посещающих ваш сайт.
Почти 19% населения — это огромное количество людей, которые не задумываются о том, что такое соответствие ADA для веб-сайтов!
Одним из главных финансово разрушительных последствий является риск судебного преследования. А нескольким другим брендам пришлось потратить много тысяч долларов на ремонт своих веб-сайтов после судебного иска, и это не включает стоимость представительства, выплат и потери дохода от расстроенных представителей широкой публики.
Увеличивает ежедневный трафик на вашем сайте
Почти 50 миллионов человек в США имеют инвалидность, и многие люди используют вспомогательные технологии для доступа к онлайн-контенту. Наличие интернет-сайта, к которому будут обращаться все, увеличивает вашу потенциальную аудиторию.
Благодаря альтернативному тексту, подписям, страницам, доступным с клавиатуры, и другим изменениям ваши продукты и услуги становятся гостеприимными для этой аудитории. Если кто-то не может получить доступ к вашей онлайн-платформе, он не может совершить продажу. Таким образом, с точки зрения бизнеса доступность означает большую потенциальную прибыль.
Дизайн веб-сайта, соответствующий требованиям ADA, помогает в создании бренда
Брендинг — это хлеб с маслом для вашего бизнеса, поскольку люди влюбляются в бренд, а не только в продукты или услуги. Хороший брендинг снова и снова возвращает нас к аналогичным компаниям, даже если они не являются наиболее рентабельными вариантами.
Бренды, которые делают все возможное для обеспечения доступности, даже если от них это не требуется, показывают своей аудитории, что они заботятся о людях, а не только о прибыли. Приверженность вашей аудитории многое говорит о вашем бренде и, следовательно, о ценностях, которых вы придерживаетесь как корпорация, что может помочь укрепить связь с вашими клиентами.
Дизайн веб-сайта, соответствующий требованиям ADA, увеличивает преимущества SEO
Кто не хочет, чтобы его сайты занимали первые места в поисковых системах!?
Что ж, соответствие ADA на веб-сайтах, безусловно, может изменить правила игры, поскольку оно увеличивает посещаемость вашего веб-сайта. Вы стремитесь к одному и получаете другое преимущество бесплатно!
Это связано с тем, что соответствие поддерживает компоненты, оптимизированные для SEO, такие как замещающий текст для изображений, стенограммы видео и аудио, правильные теги заголовков, а также согласованные и предсказуемые структуры. Чем точнее и информативнее ваш замещающий текст, тем лучше он будет работать для программ чтения с экрана и поисковых систем. Стенограммы дают поисковым системам информацию для прокрутки, а это означает, что им нужно больше ключевых слов для понимания. Точно так же, чем точнее ваши заголовки, тем выше они для поисковых систем и других людей. Доступность не только хороша для вашей прибыли, но и помогает увеличить трафик.
Советы и рекомендации, чтобы ваш сайт соответствовал требованиям ADA
Что такое соответствие требованиям ADA для веб-сайтов? Как добиться соответствия веб-сайта ADA? Давайте найдем несколько быстрых ответов на эти вопросы, которые могут в целом добавить к разработке веб-сайта для вашего бизнеса и роста:
1. Работайте над приятным коэффициентом контрастности
WCAG 2.0 рекомендует коэффициент контрастности не менее 4,5:1. Людям с ослабленным зрением становится сложно читать текст без контрастного фона, однотонный фон или даже когда текст встроен в изображение. Например, когда мы смотрим фильмы с субтитрами, они появляются без предвосхищения сцен и, следовательно, иногда их становится трудно читать. Например, если текст появляется перед яркой сценой, он становится нечитаемым, и зрители не узнают диалог.
Чтобы избежать такой путаницы, необходимо иметь приличный коэффициент контрастности между фоном и текстом.
2. Не играйте слишком много с цветами
Вы можете прочитать это слово? Ну не каждый из нас может!
Что ж, цвета хороши для вашего сайта, но их разумное использование не менее важно. Что ж, те, кто не может различать цвета, могут не следовать инструкциям, если инструкции основаны на некоторых цветах или цветовых кодах. Дизайны Color Limit не соответствуют веб-сайтам ADA. Другими словами, невозможно предоставить достаточно информации в виде цветов, и она не считается достаточно доступной, когда мы говорим о том, что такое соответствие ada для веб-сайтов. И, следовательно, чтобы найти ответы на вопрос, что такое веб-сайт, совместимый с ADA, нужно выйти за рамки цвета и использовать доступные тактики дизайна веб-сайта, соответствующие ADA, чтобы помочь пользователям идентифицировать элементы веб-сайта.
3. Сделайте читаемые формы
Цель хорошего веб-сайта состоит в том, чтобы делать продажи, заставляя их заполнять формы запросов.
Это плохой пример формы, где описательные метки для всех полей формы неясны.
На этом изображении поля хорошо читаются. Ярлыки, размещенные в полях формы, плохо читаются, и программы чтения с экрана могут пропустить их при заполнении формы. В большинстве случаев пользователи с когнитивными нарушениями могут потерять смысл поля формы.
4. Оставьте место для исправлений
Человеку свойственно ошибаться! Мы все делаем ошибки, и наши пользователи тоже. И с точки зрения пользователя, когда он совершает ошибку при взаимодействии с вашим веб-сайтом, он расстраивается, если нет места для улучшения. На веб-сайте должно быть предусмотрено положение, позволяющее пользователям исправлять ошибки и упущения по мере необходимости на веб-сайте. Кроме того, предупреждения о таких ошибках должны сопровождаться некоторыми сообщениями, символами и цветами, но помните, не только цветами. Эти ошибки могут быть связаны с неправильно введенным адресом электронной почты или неполным вводом данных со стороны пользователя. Чтобы показать незаполненные поля, можно использовать звездочки, чтобы пользователь знал, что эти поля обязательны для заполнения. Наряду с этим важно помочь пользователям с желаемой обратной связью в местах ошибок. Инструкции по заполнению таких полей должны быть четкими, чтобы ошибки не просто исправлялись, но и не повторялись снова и снова. Это помогает установить ценные связи с посетителями и превратить их в продажи или побудить их к взаимодействию в той или иной форме, будь то комментарии, подписка на рассылку новостей и многое другое.
5. Дайте варианты без мыши
Многие люди могут не знать о том, что клавиатура предоставляет возможности навигации по веб-страницам в дополнение к их мыши. Чтобы навигация с помощью клавиатуры была легко доступна для ваших пользователей, ссылки должны быть обозначены каким-либо отличительным цветом и вариацией дизайна для состояния активации: наведение курсора мыши, стиль фокуса клавиатуры и стиль касания или щелчка.
С помощью клавиши табуляции на клавиатуре пользователям важно быстро распознать, какая ссылка активна, и что происходит со ссылкой при выполнении определенного действия. В случае ограниченной мобильности пользователей навигация с помощью клавиатуры может оказаться очень полезной. Некоторые из таких пользователей с ограниченной подвижностью могут быть пациентами, перенесшими инсульт. Помимо любого сценария со здоровьем, могут быть и другие проблемы, такие как разрядка мыши или любая другая подобная ситуация. И в этих случаях возникает потребность в клавиатурной навигации.
6. Работайте над удобной навигацией
Будь то во время дорожного путешествия или во время движения в аэропорту, это постоянные указатели, которые помогают нам, будь то в отношении направления, ограничений скорости, предупреждений или даже остановки. Без таких ориентиров мы могли бы не найти ни одно путешествие, которое было бы доступным. Так и в случае с навигацией по веб-сайту, переходя от одного раздела к другому, может быть несколько способов навигации.
Однако некоторые из способов могут быть проще и менее трудоемки, чем другие. И здесь возникает роль и необходимость последовательной навигации, такой как поиск по сайту и карты сайта, чтобы убедиться, что ваши ярлыки, стили и позиции согласованы. Четкие заголовки и «хлебные крошки» — некоторые из других важных вспомогательных средств или ориентиров, когда дело доходит до соответствия требованиям ada. навигация по сайтам. Для пользователя с любыми когнитивными или неврологическими проблемами эти последовательные элементы дизайна позволяют избежать потери или разочарования и играют важную роль в улучшении их пользовательского опыта.
7. Выбирайте осмысленные заголовки
Хороший дизайн направляет взгляд пользователя на вашу иерархию данных. Помогите им понять связь заголовков с вашим текстом, графикой и изображениями. Учтите, что пользователи с когнитивными расстройствами, такими как СДВГ, могут испытывать трудности с навигацией по содержимому, которое не представлено четко и прямо. Кроме того, многим пользователям не хватает времени, и они могут скорее сдаться, пытаясь обработать любой плохо представленный контент.
Профессиональное использование стилей заголовков, пробелов и размещения элементов уменьшает беспорядок, делая контент более доступным. Значительное количество времени и энергии, которые переводятся в доллары, уходит на создание контента. Благодаря эффективному дизайну вашему клиенту будет легче читать, а затем действовать в соответствии с вашей ценной информацией.
8. Адаптивный дизайн сайта
Контент, оптимизированный для мобильных устройств и веб-сайты высоко ценятся Google; однако это не означает, что вам не нужно следить за своим рабочим столом или другими платформами. Для узких представлений, таких как мобильные или другие устройства, основной контент должен быть структурирован в один или два столбца, а дополнительный контент может быть представлен с помощью значков и ссылок. И наоборот, рабочий стол предлагает возможность представить информацию в нескольких столбцах со ссылками и видимой навигацией. В этом представлении необходимо оптимизировать ширину строк текста и размер шрифта для максимальной читабельности. Пользователи с когнитивными или зрительными нарушениями могут не закончить отслеживание длинной строки основного текста. С таким пониманием того, что такое веб-сайт, совместимый с ADA, эти простые адаптивные дизайны веб-сайтов четко и быстро взаимодействуют, чтобы помочь пользователям.
9. Варианты потребления медиа
Контент может быть в разных форматах для многих пользователей, когда мы говорим о веб-сайте, соответствующем требованиям ADA. Это помогает в равном доступе к информации для людей с различными ограниченными возможностями. Например, расшифровки аудио- и текстовых версий сложной графики помогают сделать контент более привлекательным для пользователей с нарушениями слуха или зрения. Если вы уже работали над разнообразием контента, то это здорово! Однако, если нет, то поймите, как и на чем нужно сосредоточить внимание. Кроме того, доступ к такому контенту можно упростить, предоставив пользователям некоторые ссылки. Ссылки могут быть на аудиозаписи, версии видео с аудиоописанием, а также подписи или текстовые объяснения сложных конструкций или таблиц, которые должно быть легко найти, и многое другое.
10. Улучшенный пользовательский контроль
Ответ на вопрос, что является веб-сайтом, совместимым с ADA, заключается в том, что эти потрясающие карусели или ползунки изображений не являются достаточно потрясающими, если они не могут быть поняты пользователями с когнитивными ограничениями. Функции автовоспроизведения в вашем видео могут быть дорогими, но бесполезными, когда речь идет о веб-сайте, соответствующем требованиям ADA, или о том, насколько быстро он может предоставлять информацию пользователям.
Пользователям может потребоваться начать сначала видео, а не просто воспроизвести следующее, или даже захотеть увидеть какую-то часть еще раз, и для этого они могут вернуться, просмотреть или перемотать назад. Независимо от того, есть ли на сайте автоматическое воспроизведение аудио и видео или карусели, предоставьте пользователям элементы управления для повторного воспроизведения, продвижения вперед и приостановки любых медиафайлов на ваших веб-страницах.
Заключение о соответствии ADA на веб-сайтах
Соответствие веб-сайта ADA, несомненно, является одной из самых важных задач в списке дел большинства предприятий. Эти простые в применении советы и приемы не только помогают вашим пользователям, но и имеют смысл для вашего бизнеса в долгосрочной перспективе, будь то увеличение трафика или улучшение рейтинга SEO. Кроме того, вы можете соответствовать большинству стандартов ADA, пока просто занимаетесь SEO.
Теперь вы можете просто проанализировать свой веб-сайт на предмет пунктов, упомянутых в этом блоге, и перейти к списку, который может добавить больше значения вашему цифровому присутствию и сделать ваш веб-сайт соответствующим требованиям ADA. Создание веб-сайта, совместимого с ADA, может быть немного сложным и трудоемким. Но оно того стоит.
Вы работаете над дизайном веб-сайта в соответствии с требованиями ADA? Или у вас уже есть веб-сайт, соответствующий требованиям ADA? С какими проблемами вы столкнулись?
Давайте обсудим ниже в разделе комментариев, или вы даже можете позвонить или отправить электронное письмо. Наша команда рада помочь вам!
Хотите создать индивидуальный веб-сайт?
- Хорошо оптимизированные целевые страницы
- Сильный и заметный призыв к действию
- Интуитивно понятный макет сайта
