Веб-доступность Drupal 8 - почему нам это нравится и почему вам тоже нужно заботиться

Опубликовано: 2020-03-04

Веб-доступность является неотъемлемой частью ценностей и принципов Drupal. Начиная с Drupal 7, инициатива по обеспечению доступности веб-сайтов получила большое развитие благодаря Drupal 8. Почему доступность веб-сайтов так важна? Как Drupal 8 обеспечивает доступность веб-сайта? Давайте погрузимся, чтобы ответить на все ваши вопросы.

Сила Интернета в ее универсальности. Доступ для всех, независимо от инвалидности, является важным аспектом. - Тим Бернерс Ли, изобретатель World Wide Web.

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

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

Но задумывались ли вы когда-нибудь, может ли каждый получить доступ к сети?

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

Что такое веб-доступность?

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

Консорциум World Wide Web представил некоторые рекомендации по достижению определенных уровней доступности, чтобы гарантировать максимальную полезность веб-сайта. Опубликованный в 1999 году как версия 1.0 и позже в 2008 году как версия 2.0, WCAG 2.0 обычно считается стандартом для измерения доступности в Интернете и информации, которую вы представляете пользователю.

web_accessibility

Важность веб-доступности

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

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

важность_of_web_accessibility

Чем помогает Drupal ?

Drupal CMS, веб-SaaS, предоставляет возможность систематически организовывать управление веб-контентом организации. Руководящие принципы Консорциума World Wide Web разделены на два: ATAG 2.0, который касается инструментов разработки, и WCAG 2.0, который обращается к веб-контенту и широко используется разработчиками и инструментами оценки доступности. Drupal CMS, как платформа, была создана для соблюдения обоих рекомендаций. Хотя инициатива по обеспечению доступности началась с Drupal 7, в Drupal 8 рассматриваются некоторые из лучших функций специальных возможностей.

Специальные возможности и модули Drupal 8

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

Лучшая контрастность

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

Формы

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

Кнопки вместо ссылок

Обычной практикой среди многих владельцев веб-сайтов является использование якорных текстов в качестве «призыва к действию» вместо кнопок. С семантической точки зрения более логично использовать кнопку, а не якорный текст, поскольку эти элементы пользовательского интерфейса ориентированы на действия. Таким образом, Drupal 8 призывает использовать в этой мере кнопки, а не ссылки. С этим новым стандартом, установленным Drupal 8, можно работать, не становясь сильно зависимым от WAI-ARIA, который может быть полезен для определения назначения некоторых элементов.

Другие специальные возможности Drupal 8

Альтернативный текст (Альтернативный текст) обычно относится к словам, которые используются для описания определенного изображения. Хотя эти альтернативные тексты не видны и не отображаются на странице, они используются такими инструментами, как программы чтения с экрана, и являются большим преимуществом для доступности в Интернете. Эта функция, которая по умолчанию установлена ​​в Drupal 8 как «обязательная», помогает аудитории с ослабленным зрением узнать, о чем изображение, с помощью текста.

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

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

Модуль Layout Builder

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

В рамках стремления Drupal к интеграции и доступности Layout Builder соответствует всем рекомендациям, установленным в WCAG 2.0 AA (необходимо для соответствия уровню AA Руководства по доступности веб-контента). Только после того, как он прошел «шлюз доступности», модуль был выпущен как стабильная версия. И это было обязательство, которое было взято на себя и должным образом выполнено сообществом Drupal.

Модуль проверки доступности CKEditor

Модуль CKEditor Accessibility Checker - это дополнительный модуль Drupal 8, который позволяет вам тестировать уровень доступности контента в CKEditor. Он не только определяет проблемные места в доступности веб-сайтов; это также поможет вам решить их для лучшего подтверждения доступности. Он использует плагин Accessibility Checker от CKEditor.com для выполнения этих функций.

ckeditor_module
Источник изображения: Drupal.org

Модуль SiteImprove

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

Модуль изменения размера текста

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

text_resize_module
Источник изображения: Drupal.org


Будущее веб-доступности в Drupal

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

  • Интерфейсы, похожие на приложения, и различные взаимодействия пользовательского интерфейса, которые представлены без полностраничных обновлений: скользящие панели, автофокус, фильтры результатов в реальном времени, перетаскивание, всплывающие сообщения об успешном выполнении, предварительный просмотр в реальном времени, шаги выполнения в виде мастера и олицетворение роли .
  • Автоматизированное тестирование с использованием безголовых браузерных драйверов.
  • Поддержка большего количества режимов взаимодействия, таких как высококонтрастный режим MS Windows и управление с помощью речи.
  • Тестирование доступности для конечных пользователей
  • Инициатива библиотеки компонентов темы, которая включает в себя большой рефакторинг того, как Drupal производит вывод.