Канадские правила доступности веб-сайтов

По состоянию на 2020 год около 34,56 миллионов канадцев пользуются интернетом в любой момент времени. Страна также имеет один из самых высоких показателей доступности, с 96 процентов населения, имеющего доступ в интернет.


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

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

Хотя наличие лучшего веб-хостинга решит массу проблем, есть некоторые вещи, которые вы должны научиться делать самостоятельно:

Что такое доступность веб-сайта и почему это важно?

Доступность – это средство обеспечения удобного пользовательского интерфейса (UX), но оно выходит за рамки этого. Доступность веб-сайта распространяется на людей с постоянной инвалидностью из-за нарушений зрения, слуха и речи, неврологических состояний и тех, кто имеет доступ к Интернету с помощью различных средств, которые могут затруднить нормальное взаимодействие..

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

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

Инфографика о важности доступности сайта

Источник: DMA.org.uk

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

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

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

Канадские законы о доступности веб-сайтов упрощены

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

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

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

доступность сайта различные аспекты

источник: newtarget.com

Соединенные Штаты также были на переднем крае обеспечения доступности для всех граждан, независимо от их физических способностей, равного доступа к технологиям. Их Закон о реабилитации 1973 года был обновлен в 1998 году. Его раздел 508 требует, чтобы федеральные агентства делали те же электронные и информационные технологии (EIT), которыми пользуются другие граждане США, как легкодоступные для инвалидов..

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

Чтобы не отставать от наших соседей на юге, канадские законодательные органы по всей стране создали наши собственные наборы правил и стандартов доступности. Одним из первых является поправка к Канадскому закону о правах человека 1985 года, в которую в 2016 году была внесена поправка, предусматривающая руководящие принципы обеспечения доступности интернета..

Закон о доступности для инвалидов Онтарио (AODA)

В рамках этого акта владельцы бизнеса Онтарио с более чем 50 сотрудниками, будь то частные или некоммерческие, школы и организации в государственном секторе, должны либо создать, либо обновить контент веб-сайта, чтобы соответствовать требованиям WCAG 2.0 уровня A – AA к 1 января, 2021. Контент определяется как любой текст, изображения, видео или звук.

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

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

Работодатели также должны убедиться, что все учебные пособия, внутренние коммуникации, оценки и информация по реагированию на чрезвычайные ситуации доступны. Несоблюдение в любом из вышеперечисленных случаев приведет к штрафам в размере от От 200 до 15000 долларов, в зависимости от принадлежности сайта / среды и серьезности несоблюдения.

Закон о доступности Канады (законопроект C-81)

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

За него проголосовали 21 июня 2019 года после Королевского согласия, и оно в основном соответствует тем же требованиям, что и WCAG. Наказания за несоблюдение и соблюдение этих правил могут привести к штрафам до $ 250 000.

Акт доступности для Manitobans (AMA)

AMA была принята провинцией в 2013 году для обеспечения того же типа защиты и доступа, что и в законодательстве Онтарио. Он построен на основе пяти наборов стандартов, которые требуют от создателей веб-сайтов, издателей и бизнеса обеспечения доступности для инвалидов Manitobans..

К ним относятся размер печати, цвет контраст, и использование языка, которые идут в ногу с AODA и WCAG.

Закон о доступности Новой Шотландии

Этот закон был принят в закон в 2017 году, но его часть все еще находится в стадии разработки. Новая Шотландия придерживается подхода «подать пример», делая все правительственные веб-сайты соответствующими стандартам WCAG. Они отличаются от других провинций, применяя график соответствия, который зависит от требований каждого из 12 стандартов WCAG.

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

Соответствующие законопроекты, законы и правила

Рекомендации по обеспечению доступности веб-контента 2.0 (WCAG 2.0) представляют собой набор стандартов, призванных помочь веб-разработчикам и техническим специалистам по внедрению точек доступа для отключенного доступа к контенту. Он основан на четырех принципах: ощутимый, работоспособный, надежный и понятный, которые определяют 12 стандартов для доступного веб-дизайна..

цифровые значки доступности

Есть также несколько законодательных актов в работах, охватывающих другие провинции. Одним из самых последних является Закон о доступности Британской Колумбии (законопроект M 219), который основан на руководящих принципах, изложенных в их стратегии доступности 2024.

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

Лучшие практики, чтобы сделать ваш сайт более доступным

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

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

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

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

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

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

Веб-доступность инфографики

Источник: library.triton.edu

Типография и читабельность

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

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

Построение доступных заголовков

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

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

Макет содержимого, цвета и изображения

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

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

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

оптимизация изображений для доступности

источник: kinsta.com/blog/

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

Включение доступного видеоконтента

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

Избегайте добавления видео с функцией автозапуска, так как незрячие могут не найти механизм для остановки воспроизведения..

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

автоматическое видео транскрипта новостей

источник: telestream.net

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

Обеспечение доступности клавиатуры

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

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

Создание доступных документов

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

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

Разработка доступных форм

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

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

Ресурсы для улучшения доступности сайта

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

  • Доступные документы с помощью MS Word. Поскольку это одно из самых распространенных приложений для обработки данных, в этом руководстве показано, как обеспечить соответствие ваших документов Word правилам доступности. Существует также руководство по преобразованию документов Word в формат PDF без потери доступности, а также руководства по Adobe Acrobat Pro, InDesign и исправлению недоступных файлов Adobe PDF..
  • Разработка веб-сайтов для слепых и слабовидящих: это руководство содержит полезные рекомендации по использованию SEO для улучшения доступности, разработке программ для чтения с экрана и по созданию контента для дальтоников..
  • Инструмент доступности Wave: если вы хотите точно оценить ваш сайт на предмет доступности, эти инструменты помогут.
  • Средство просмотра специальных возможностей: с помощью этого инструмента разработчики могут отображать и проверять данные API из браузеров, чтобы подтвердить, как эта информация передает вспомогательные технологии..
  • W3C Wiki: раздел о тестировании доступности предоставляет руководство о том, когда проводить тестирование доступности и как его следует проводить для достижения наилучших результатов..
  • Средство проверки контрастности WebAIM: этот инструмент позволяет тестировать цвета переднего плана и фона, чтобы убедиться, что они соответствуют стандартам контрастности для WCAG 2.0..
  • DigitalGOV 508 Доступные видео: демонстрирует, как использовать видеоплеер, совместимый с 508.
  • NVDA (NonVisual Desktop Access): это бесплатный инструмент для удобства использования, похожий на инструмент VoiceOver для Mac.
  • Инструменты для разработчиков специальных возможностей: расширение Chrome для разработчиков для проверки проблем с доступностью веб-сайтов..
  • Доступность веб-контента и мобильная сеть. Это отличное руководство для тестирования доступности на мобильных платформах. Его можно использовать вместе с Руководством по передовому опыту в мобильном Интернете..

Последние мысли

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

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

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map