Принципы доступности

Об этом переводе

Этот волонтерский перевод может быть неточным и отличаться от английского оригинала.

Английская версия обновлена с момента перевода: Журнал изменений.
Английская версия обновлена: 2024-07-15. Перевод обновлен: 2023-12-06.

Переводчик: Daniel Novichkov.
WAI благодарит переводчиков и приглашает к участию волонтеров переводы .

Стандарты веб-доступности

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

Подробнее о стандартах веб-доступности

Эти компоненты взаимосвязаны и поддерживают друг друга. Например, веб-контент должен включать текстовые версии изображений. Эта информация должна обрабатываться веб-браузерами и затем передаваться вспомогательным технологиям, например программам экранного чтения. Для создания текстовых версий, авторам нужны инструменты разработки, которые их поддерживают. Более подробная информация представлена в Основные компоненты веб-доступности (на английском).

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

Также имеется спецификация WAI для Accessible Rich Internet Applications (WAI-ARIA) (на английском), которые описывают динамический контент и расширенные элементы управления пользовательским интерфейсом, разработанные с помощью Ajax, JavaScript и похожими веб-технологиями. и затем передаваться вспомогательным технологиям, например программам экранного чтения.

Воспринимаемость информации и пользовательского интерфейса

Текстовые версии для нетекстового контента

Текстовые версии являются эквивалентами нетекстового контента. Примеры:

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

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

Требования доступности текстовых версий (ссылки на техническую спецификацию)

WCAG

UAAG

ATAG

Субтитры и другие альтернативы для мультимедиа

Альтернативные версии нужны людям, которые не могут слышать аудио или видеть видео контент. Например:

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

Требования доступности к мультимедиа (ссылки на техническую спецификацию)

WCAG

UAAG

ATAG

Контент может быть представлен разными способами

Пользователи могут менять способы представления контента, для этого необходимо чтобы:

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

Требования доступности к адаптивности (ссылки на техническую спецификацию)

WCAG

UAAG

ATAG

Истории про адаптивность

Контент легче видеть и слышать

Контрастный контент легче видеть и слышать. В таком контенте:

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

Требования доступности к контрастности (ссылки на техническую спецификацию)

WCAG

UAAG

ATAG

Истории про контрастность

Управляемость пользовательского интерфейса и навигации

Вся функциональность доступна с клавиатуры

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

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

Требования к доступности управления с клавиатуры (ссылки на технические характеристики)

WCAG

UAAG

ATAG

Истории про доступность управления с клавиатуры

Пользователям даётся достаточно времени, для ознакомления и использования контента

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

Примеры предоставления достаточного времени подразумевают возможности:

Требования к доступности, связанные с временными ограничениями (ссылки на техническую спецификацию)

WCAG

UAAG

ATAG

Истории про ограничения времени

Контент не вызывает судорог и иных физических реакций

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

Примеры как избегать судорог и физических реакций:

Требования доступности, относящиеся к приступам (ссылки на техническую спецификацию)

WCAG

UAAG

ATAG

Хорошо организованный контент помогает пользователям ориентироваться и эффективно перемещаться по нему. Такой контент подразумевает:

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

Требования доступности к навигации (ссылки на техническую спецификацию)

WCAG

UAAG

ATAG

Истории про доступность навигации

Пользователи могут использовать различные способы ввода кроме клавиатуры

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

Требования доступности способов ввода (ссылки на техническую спецификацию)

WCAG

Истории про доступность ввода

Понятные информация и пользовательский интерфейс

Текст легко читать и понимать

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

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

Требования доступности лёгкости чтения (ссылки на техническую спецификацию)

WCAG

ATAG

Истории про лёгкость прочтения

Контент загружается и работает предсказуемым образом

Пользователи ожидают определённого поведения пользовательских интерфейсов; нестандартный вид или поведение интерфейса их отвлекает или даже дезориентирует. Примеры повышения предсказуемости контента:

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

Требования доступности к предсказуемости (ссылки на техническую спецификацию)

WCAG

UAAG

ATAG

Истории про предсказуемость

Пользовательские ошибки предупреждаются и исправляются

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

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

Требования доступности помощи при вводе (ссылки на техническую спецификацию)

WCAG

UAAG

ATAG

Истории про доступность помощи при вводе

Надёжный контент и надёжная интерпретация

Контент совместим с имеющимися и будущими пользовательскими инструментами

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

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

Требования доступности к совместимости (ссылки на техническую спецификацию)

WCAG

UAAG

ATAG

Истории про совместимость

Вернуться к началу