Июль 2, 2021

Доступный веб-дизайн для людей с ограниченными возможностями: основные соображения

15% людей по всему миру - это около миллиарда - диагностировали какую-либо инвалидность. Однако менее 2% из одного миллиона веб-сайтов в мире предлагают полную доступность. Не только сделать ваш сайт доступным для людей с ограниченными возможностями - это то, что нужно делать, но это также может дать вам конкурентное преимущество за счет привлечения более широкой читательской и клиентской базы. Руководство по обеспечению доступности веб-контента (WCAG), опубликованное Инициативой веб-доступности Консорциума World Wide Web, предоставляет множество практических рекомендаций, которые помогут вам улучшить доступность веб-ресурсов.

Как инвалидность влияет на использование Интернета

Будь то нарушение зрения, трудности с обучением или двигательное расстройство, различные виды инвалидности могут затруднить доступ к Интернету. Например, детский церебральный паралич - самый общая двигательная инвалидность в детстве, по оценкам, 764,000 XNUMX детей и взрослых в Соединенных Штатах в настоящее время диагностированы с этим заболеванием. Детский церебральный паралич - это группа расстройств, которые подавляют способность человека двигаться, а также его координацию, равновесие и осанку, что, в свою очередь, может затруднить доступ к Интернету без специальных приспособлений. К счастью, ресурсы церебрального паралича доступны для предоставления семьям всесторонней поддержки, включая доступ к адаптивным технологиям, которые могут упростить навигацию в цифровом мире. Люди с церебральным параличом также могут испытывать когнитивные или интеллектуальные нарушения, такие как непродолжительное внимание, сенсорные трудности, затрудняющие интерпретацию того, что видят и / или слышат, а также проблемы со слухом и / или зрением.

Кроме того, слепота также поражает значительную часть населения. Примерно 12 миллионов человек в возрасте 40 лет и старше в США имеют какое-то нарушение зрения - в том числе 1 миллион слепых, 3 миллиона человек с нарушением зрения после коррекции и 8 миллионов человек с нарушением зрения в результате неисправленной аномалии рефракции. Хотя большинство слепых людей обладают некоторой степенью зрения, обычно этого недостаточно для успешного просмотра веб-контента. В результате слепые люди не могут легко использовать компьютерную мышь и монитор (визуальный ввод).

WCAG: четыре принципа улучшения доступности Интернета

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

Доступные текстовые подсказки

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

Не забывай об ориентации

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

Важность оплавления

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

Обратите внимание на жесты указателя

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

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

Об авторе 

Питер Хэтч


{"email": "Адрес электронной почты недействителен", "url": "Адрес сайта недействителен", "обязателен": "Отсутствует обязательное поле"}