Домашняя » Веб-дизайн » Как создать дизайн для людей с ограниченными возможностями

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

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

    Всеобщность а также Сопричастность находятся в центре внимания веб-стандартов Accessibility, которые являются одним из стандартов W3C, связанных с веб-дизайном. Конечной целью Инициативы доступности веб-сайтов (WAI) является создание веб-сайта, который работает “для всех людей, независимо от их оборудования, программного обеспечения, языка, культуры, местоположения, физических или умственных способностей”.

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

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

    Нарушения зрения

    У людей в этой группе могут быть слабые или умеренные нарушения зрения на один или оба глаза, дальтонизм, плохое зрение, слепота или глухота

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

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

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

    ИЗОБРАЖЕНИЕ: Mashable

    Также важно не мешать пользователям настраивать свои собственные настройки браузера, поэтому, если это возможно, указать все в относительных единицах (EMS, Rems или проценты) вместо точных размеров.

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

    Слуховые Инвалиды

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

    По данным Media Access Group радио WGBH “по оценкам, 24 миллиона американцев испытывают достаточную потерю слуха, чтобы не понять в полной мере смысл телевизионной программы”.

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

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

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

    ИЗОБРАЖЕНИЕ: AudioPerception

    Когнитивные и неврологические нарушения

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

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

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

    Уменьшение количества отвлекающих факторов Например, мигающие или мигающие объявления, а всплывающие всплывающие окна могут оставить многие из них на наших сайтах, просто подумайте о людях с СДВГ (синдром дефицита внимания и гиперактивности) или аутизм.

    Если вы хотите увидеть пример тщательно разработанного, логически структурированного контента с доступной навигацией и наглядными визуальными подсказками, загляните на сайт Администрации социального обеспечения правительства США..

    ИЗОБРАЖЕНИЕ: Управление социального обеспечения

    Физические недостатки

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

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

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

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

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

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

    ИЗОБРАЖЕНИЕ: AllThingsErgo.Com

    Заключение

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

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

    Читайте сейчас: 10 вспомогательных технологий для людей с ограниченными возможностями