Принципы специальных возможностей и уровней соответствия
Стандартные рекомендации WCAG для специальных возможностей веб-контента организованы вокруг четырех принципов: perceivable, Operable, Понятно и Надежно. Чтобы вспомнить эти принципы, многие люди используют аббревиатуру POUR. Эти универсальные принципы POUR предоставляют основу для веб-специальных возможностей и гарантируют, что веб-содержимое доступно для людей с различными потребностями и предпочтениями.
Согласно консорциуму World Wide Web Consortium (W3), любой, кто хочет использовать Интернет, должен иметь содержимое, которое включает все четыре принципа POUR. Давайте рассмотрим, что они означают:
Доступный для восприятия: компоненты информационных и пользовательских интерфейсов должны представляться пользователям способами их восприятия. Это означает, что все пользователи могут видеть, слышать или чувствовать все элементы дизайна. Хотя многие пользователи могут визуально понять, другие пользователи могут восприниматься с помощью звука или касания. Это происходит, когда могут помочь такие инструменты, как замещающий текст для изображений и ссылок, цвет с высокой контрастностью, подписи и расшифровки.
Операбл: этот принцип требует работы всех компонентов пользовательского интерфейса и навигации, поэтому пользователи должны иметь возможность успешно использовать элементы управления, кнопки, навигацию и другие интерактивные элементы. Не все могут использовать мышь. Для многих, возможность работать с веб-сайтом или веб-приложением означает использование вспомогательных технологий, таких как распознавание голоса, клавиатуры или средства чтения с экрана.
Понятно: пользователи должны иметь возможность понять информацию на веб-сайте, а также как получить доступ к сайту и перейти к ней. Этот принцип призывает сайты и веб-приложения быть предсказуемыми в шаблонах проектирования и использования. Они должны быть легко перемещаться и читать. Это означает создание визуальной иерархии, которая подчеркивает заголовки и структуру содержимого с четкими инструкциями и согласованной навигацией. Понятность может быть определенной контекстом. Например, веб-сайт, объясняющий, как выполнить сложную задачу программирования, может включать информацию, понятную для разработчика, но может не быть понятной для кого-то без фонового написания кода.
Надежный: этот принцип требует, чтобы содержимое было доступно и интерпретировано надежно различными агентами пользователей, включая вспомогательные технологии, такие как средства чтения с экрана, распознавание речи и увеличение текста. По мере продвижения и развития технологий агента содержимое должно оставаться доступным для различных типов устройств и браузеров.
Как оценить доступность веб-сайта или веб-приложения?
Каждый из четырех принципов WCAG содержит рекомендации по разработке и разработке веб-сайтов. Эти рекомендации также разбиваются на измеримые и тестируемые критерии успешности или инструкции, определяющие минимальные требования к веб-специальным возможностям.
Три уровня соответствия: A, AA и AAA
Эта система рейтингов указывает уровень соответствия требованиям и соответствие рекомендациям по специальным возможностям, при этом A является минимальным уровнем и AAA максимальным уровнем соответствия. Рекомендуемый уровень доступности для большинства веб-содержимого является промежуточным уровнем доступности AA.
Уровни являются накопительными, то есть веб-контент промежуточного уровня AA также должен соответствовать всем минимальным критериям успешности A, а содержимое AAA также должно соответствовать критериям успешности для уровня A и AA.
Сравнение уровней соответствия принципу веб-специальных возможностей
Давайте сравним три уровня соответствия, проверяя некоторые примеры критериев успешности для каждого из принципов веб-специальных возможностей POUR.
Постижимые
- Ответ. Предоставление альтернативных вариантов текста для нетекстового содержимого (например, изображений, аудио и видео).
- AA: предоставьте субтитры для динамического звукового содержимого (например, вебинары, подкасты и трансляции).
- AAA: предоставьте интерпретацию языка подписей для предварительно записанного звука (например, видео, анимации и презентации).
Действующий
- Ответ. Сделайте все функциональные возможности на клавиатуре (например, ссылки, кнопки и формы).
- AA. Предоставьте достаточно времени для чтения и использования содержимого (например, разрешить корректировку или продление ограничений времени).
- AAA: укажите возможность повторной проверки подлинности без потери данных (например, сохранение хода выполнения или возобновление более поздней версии).
Понятный
- Ответ. Создание сайтов и прогнозируемая работа (например, с согласованными механизмами навигации и обратной связи).
- AA: сделайте текст доступным для чтения и понятным (например, используйте понятный, простой язык; определите незнакомые слова).
- AAA: укажите способ расширения аббревиаций (например, с помощью <элемента abbr> или предоставления глоссария).
Robust
- Ответ. Максимальная совместимость с будущими агентами пользователей (например, используйте допустимую, хорошо сформированную разметку; следуйте стандартам).
- AA: укажите имя, роль и значение для всех компонентов пользовательского интерфейса с помощью соответствующих HTML-элементов и атрибутов или ролей и свойств WAI-ARIA*.
- AAA: укажите назначение и смысл компонентов пользовательского интерфейса (например, с помощью ориентиров и меток WAI-ARIA.)
*(WAI-ARIA): инициатива веб-специальных возможностей — стандартный расширенный интернет-приложения.