Улучшение Доступности Для Пользователей С Нарушениями Моторики

Название: Улучшение доступности для пользователей с нарушениями опорно-двигательного аппарата

Введение

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

  1. Обеспечьте большую кликабельную область для ссылок.

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

  • Включайте изображения. При необходимости используйте изображения в качестве кликабельных элементов рядом с текстовыми ссылками или вместо них. Изображения обеспечивают большую целевую область, и на них легче нажимать.
  • Преобразование встроенных элементов в блоки. Применяя свойства CSS, такие как «display:block», к ссылкам в вертикальном списке, вы можете расширить кликабельную область до полной ширины столбца. Это особенно выгодно для пользователей с ограниченной подвижностью. Обратите внимание, что назначение ширины или высоты ссылки может потребоваться для правильной работы в старых браузерах, таких как Internet Explorer.
  • Используйте JavaScript: JavaScript можно использовать для увеличения кликабельной области, делая также кликабельными соседний текст или изображения. Например, вы можете сделать кликабельным все фоновое изображение или строку таблицы, улучшая целевую область для пользователей с нарушениями моторики.
  1. Не полагайтесь на небольшие цели по ссылкам

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

  • Дополняйте небольшие целевые ссылки. По возможности дополняйте небольшие целевые ссылки более крупными кликабельными элементами. Например, наряду с нумерованными ссылками на результаты поиска включите ссылки «следующий» и «предыдущий», которые упрощают навигацию между страницами.
  • Используйте отступы слева и справа. Добавление отступов слева и справа от ссылок, особенно в горизонтальных списках, может немного увеличить эффективную ширину кликабельной области. Этот метод полезен для улучшения доступности отдельных букв или цифр, как это видно в навигации от А до Я или ссылках на результаты поиска.
  1. Включите состояние фокуса для ссылок

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

  • Навигация только с помощью клавиатуры. Пользователям, использующим клавиатуру, нужна визуальная подсказка для определения своего местоположения на странице. Назначая цвет фона или другой видимый стиль целевым ссылкам с помощью CSS, вы повышаете удобство использования и доступность своего веб-сайта.
  • Простота реализации. Реализация состояния фокуса для ссылок относительно проста, однако многие веб-сайты упускают из виду этот важный аспект. Обеспечивая состояние фокуса, вы демонстрируете свою приверженность инклюзивному дизайну и улучшаете общий пользовательский опыт для пользователей с нарушениями моторики.
  1. Включите видимую ссылку «перейти к содержимому».

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

  • Видимость при фокусировке. Чтобы пользователи с нарушениями моторики знали о существовании ссылки пропуска, сделайте ее видимой, когда она получает фокус. Таким образом, пользователи, использующие клавиатуру, могут легко идентифицировать и использовать ссылку пропуска, чтобы упростить работу в Интернете.
  1. Предлагайте управляемый пользователем звук

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

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

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

  • Атрибут Tabindex: хотя атрибут tabindex можно использовать для изменения порядка элементов, необходимость в этом возникает редко. Изменение порядка табуляции следует выполнять только при наличии веской причины, например, когда значительная часть пользователей последовательно сначала обращается к определенному элементу.
  • Сохраняйте согласованность: придерживаясь порядка вкладок по умолчанию, вы гарантируете, что пользователи с нарушениями моторики могут рассчитывать на единообразные шаблоны навигации на разных веб-сайтах. Такое знакомство повышает эффективность и удобство использования.
  1. Избегайте использования ключей доступа

Клавиши доступа предоставляют сочетания клавиш для определенных ссылок или элементов формы. Однако их непоследовательная реализация и потенциальные конфликты с ярлыками программ чтения с экрана делают их менее желательными. Учтите следующее:

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

Заключение

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

Вместе с данным постом часто просматривают:

Автор Статьи


Зарегистрирован: 2011-07-23 05:15:35
Баллов опыта: 552966
Всего постов на сайте: 0
Всего комментарий на сайте: 0
Dima Manisha

Dima Manisha

Эксперт Wmlog. Профессиональный веб-мастер, SEO-специалист, дизайнер, маркетолог и интернет-предприниматель.