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

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

Доступный дизайн — это часть универсального дизайна, которая предоставляет пользователям с ограниченными возможностями такую ​​же простоту использования, как и остальным людям.

Это важное различие, которое следует учитывать, когда средний веб-сайт в три раза менее удобен для людей с ограниченными возможностями. Исследование, проведенное Nielsen Norman Group, показало, что процент успеха для слепых пользователей, выполняющих задачу с помощью программы чтения с экрана, составляет всего 12,5% по сравнению с 78,2%, достигнутыми пользователями без инвалидности, а слепым пользователям требуется более чем в два раза больше времени для выполнения задачи. задание.

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

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

Преимущества доступного дизайна

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

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

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

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

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

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

Что такое соответствие требованиям ADA?

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

Вы можете получить доступ к этим стандартам в рекомендациях WCAG 2.0 AA и включить четыре принципа:

1. Воспринимаемый: весь контент и элементы пользовательского интерфейса можно воспринимать или настраивать в соответствии с потребностями пользователя без сбоев.
2. Оперативный: все элементы пользовательского интерфейса работают и могут легко перемещаться. Выполнение задач эффективно.
3. Понятный: элементы информации и пользовательского интерфейса легко понять. (Онлайн-формы являются общей проблемной областью.)
4. Надежность: пользователи или их вспомогательные технологии могут интерпретировать контент.

Эти четыре принципа содержат 12 руководств, каждое из которых имеет свои собственные критерии успеха и рекомендации по соблюдению этих критериев. Важно отметить, что дизайн пользовательского интерфейса (UI) — это подсегмент UX-дизайна, и вам нужно и то, и другое, чтобы создать привлекательный и доступный продукт.

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

Дизайн для слепых и слабовидящих

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

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

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

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

Многие из этих советов можно и нужно адаптировать для создания доступного маркетинга для слабовидящих.

Дизайн для глухих и HOH

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

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

Дизайн для людей с когнитивными нарушениями

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

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

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

Дизайн для людей с ограниченными двигательными возможностями

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

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

Другие формы доступности

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

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

Исследовательская работа. Дизайн. Аудит. Повторение.

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

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

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

Сделайте доступный дизайн приоритетом

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

Если вы создаете цифровой продукт или вам требуется редизайн, сделайте доступность приоритетом и обратитесь к экспертам по дизайну.