Основа для начала работы по внедрению доступного дизайна на ваш веб-сайт
Знание доступного дизайна и разработки веб-сайтов является важным и необходимым компонентом создания веб-сайтов и приложений, чтобы каждый мог получить к ним доступ и использовать их.
Обеспечение доступности веб-сайта может означать обеспечение того, чтобы пользователи с нарушениями или инвалидностью могли по-прежнему взаимодействовать с сайтом и использовать его функционально, однако понятие доступности этим не ограничивается. Часто оптимизация веб-сайта для обеспечения доступности и отзывчивости в целом улучшает работу большинства пользователей, независимо от диагностированного нарушения.
Например, человеку с плохим зрением может быть трудно прочитать заголовок веб-сайта, окрашенный в белый цвет, на не совсем белом фоне такого же цвета. Увеличение контраста между текстом и фоном в этом случае может улучшить восприятие для человека с плохим зрением, а также для большинства пользователей, чтобы они могли легко и с первого взгляда прочитать заголовок. Возможно, у вас был опыт доступа к веб-сайту со своего телефона, но вместо этого вы видите беспорядочный макет с потерей функциональности, потому что сайт не оптимизирован для мобильных устройств. Если вы можете относиться, вы испытали недоступность.
Руководство по обеспечению доступности веб-контента (WCAG 2.0) представляет собой набор международных стандартов для разработки доступных веб-приложений. Во многих странах закон требует соблюдения этих правил. Независимо от того, являетесь ли вы разработчиком, дизайнером или менеджером по продукту, часто частью вашей должностной инструкции является соблюдение рекомендаций по обеспечению доступности веб-ресурсов.
В следующем разделе кратко представлены эти руководящие принципы, структурированные как четыре ключевых принципа, чтобы ознакомиться с их назначением.
Ощущаемый
Могут ли пользователи воспринимать контент? Например, некоторые пользователи воспринимают информацию визуально, но не все. Если на вашем веб-сайте есть письменный текст в подписи, как вы можете гарантировать, что он также может быть воспринят слуховыми средствами (т. Е. Работать со вспомогательными технологиями, такими как программы чтения с экрана)?
Рабочий
Могут ли пользователи управлять всем контентом и перемещаться по нему? Например, не все пользователи могут использовать мышь — доступны ли все функции страницы с помощью клавиатуры? Если нет, то как вы можете гарантировать, что управление с помощью клавиатуры доступно на вашем сайте и обеспечивает ту же функциональность?
Понятно
Все ли пользователи понимают интерфейс? Могут ли они понять содержание? Одним из примеров этого является указание языка веб-сайта в атрибуте lang HTML-страницы. Это важно для перевода по Брайлю, синтезаторов речи и ряда вариантов использования, связанных с искусственным интеллектом.
Надежный
Является ли содержимое веб-сайта надежным в разных браузерах? Работает ли веб-сайт со вспомогательными технологиями? Многие типы вспомогательных технологий полагаются на HTML-элементы с правильными начальными и конечными тегами с правильной вложенностью, уникальными идентификаторами и цельным синтаксисом.
Эти принципы, вместе именуемые POUR, устанавливают основу, которую необходимо учитывать при создании веб-сайтов. В области специальных возможностей существует так много хороших ресурсов, что я надеюсь, что этот обзор принципов доступности может послужить полезным начальным руководством!
