Учебник доступности

Глава 2.6
Российские нормативные акты о доступности

☝️В России нет единого закона о цифровой доступности. Требования разбросаны по отраслевым документам и в основном касаются государственного сектора

1. 🌎 WCAG
Web Content Accessibility Guidelines

Международный стандарт, основа всех современных требований. В России не является нормативным документом, но используется как основа для ГОСТов


2. ГОСТ Р 52872—2019
Российская адаптация WCAG 2.1

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

Основной документ с техническими требованиями по доступности для сайтов и приложений. Написан сложным академическим языком, не содержит конкретных примеров


3. ГОСТ Р 70176—2022
Устанавливает требования к доступности PDF-документов

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

4. Федеральный закон от 24.11.1995 № 181-ФЗ «О социальной защите инвалидов в Российской Федерации»
Ст. 14 гарантирует право инвалидов на доступ к информации


5. Федеральный закон от 27.07.2010 № 210-ФЗ «Об организации предоставления государственных и муниципальных услуг»
П.5 ст. 4 устанавливает обязательность доступности государственных и муниципальных услуг для лиц с ОВЗ


6. Приказ Минцифры от 07.11.2023 № 953
Устанавливает для официальных сайтов ведомств и подведомственных организаций требования по обеспечению доступности для незрячих и слабовидящих. Приказ разработан на основе ГОСТ Р 52872-2019


7. Приказы Рособрнадзора от 04.08.2023 № 1493 и Минздрава от 30.12.2014 № 956н
Устанавливают требование наличия «версии для слабовидящих» на сайтах образовательных и государственных медицинских организаций

В приказе Минздрава требование установлено в п. 3 Приложения 2


8. Приказ Минздрава от 14.04.2025 № 210н
Устанавливает требования соответствовать приказу Минцифры от 07.11.2023 № 953 для сайтов государственных и частных медицинских организаций

Для коммерческих сервисов, например маркетплейсов, соцсетей, банковских приложений, агрегаторов такси и других, требования или рекомендации по обеспечению цифровой доступности не установлены

#учебник_доступности
📖 Оглавление

Глава 2.5
Принцип надёжности

☝️Интерфейс должен оставаться доступным при изменении версий продукта или операционной системы

Как реализовать принцип надёжности

1. Организовать совместимость:
— программ со старыми и новыми версиями операционных систем
— веб-сервиса со старыми и новыми версиями браузеров
— программ и веб-сервисов со старыми и новыми версиями ассистивных технологий

2. Обеспечить предсказуемость и корректность работы
Сервис должен работать привычным пользователю образом. Например, по клавише Ввод должна нажиматься кнопка, а по клавише Пробел — выбираться чек-бокс

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

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

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


Стандарты вёрстки

Для обеспечения принципа надёжности в большинстве случаев достаточно использовать стандарты вёрстки:
— HTML Living Standard
— WAI-ARIA (Accessible Rich Internet Applications)
— Android Accessibility
— Apple Accessibility

#учебник_доступности
📖 Оглавление

Глава 2.4
Принцип управляемости

☝️Люди должны иметь возможность взаимодействовать с интерфейсом и управлять контентом тем способом, который им доступен

Способы взаимодействия с интерфейсом

🟣Мышь. Обычно используется на десктопных компьютерах и ноутбуках. Вместо мыши также может использоваться графический планшет, но он требует большей точности движений
🟣Клавиатура. Используется при наборе текста и наборе команд в текстовых интерфейсах, консолях или чат-ботах
🟣Пин-пады. Чаще всего встречаются в банкоматах и торговых терминалах
🟣Касания или тапы. Используются на сенсорных телефонах и терминалах
🟣Жесты. Это частный случай управления касаниями, работает не на всех сенсорных устройствах и не во всех интерфейсах. Также к управлению жестами относится распознавание жестов через камеру устройства
🟣Голос. Управление голосом доступно на любом устройстве с микрофоном и динамиком, часто используется в умных колонках и смартфонах

Универсальное устройство

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

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

Как реализовать принцип управляемости

🟣Обеспечьте работу клавиатурного фокуса для пользователей с ограничениями моторики
🟣Обеспечьте работу программ экранного доступа для пользователей с ограничениями зрения
🟣 Обеспечьте минимум 2 разных способа взаимодействия с интерфейсом. Обычно используются комбинации: клавиатура + мышь, жесты + кнопки, речь + текст
🟣Расположите важные элементы интерфейса в удобных для взаимодействия областях. Учитывайте физическую доступность областей экрана на смартфонах, охранные области у элементов и закон Фиттса

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

👀 В картинках под постом представлен пример областей нажатия на смартфоне

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

👀 В картинках под постом прикреплена иллюстрация охранных областей в группе кнопок из гайдлайнов Google — Material Design 3

Закон Фиттса — закон, который описывает зависимость времени, необходимого для точного движения к цели, от расстояния до этой цели и её размера. Чем дальше или меньше цель, тем больше времени требуется для её достижения. И наоборот — чем ближе и больше цель, тем быстрее можно попасть в неё

👀 В картинках в конце поста представлен скрин экрана восстановления пароля на Госуслугах. Для большего удобства пользователя кнопка «Продолжить» больше кнопок выбора других способов восстановления пароля

Примеры реализации принципа управляемости

🟣Люди с нарушениями зрения могут использовать некоторые банкоматы благодаря режиму голосовых подсказок, который включается после подключения проводных наушников
🟣С Алисой Яндекса можно общаться не только голосом, но и в чате
🟣В Телеграм отправить чат в архив или ответить на сообщение можно свайпом или через кнопку в контекстном меню

#учебник_доступности
📖 Оглавление

Глава 2.3
Принцип понятности

☝️Контент и интерфейс должны быть понятны всем пользователям

Чтобы выполнить этот принцип, нужно учитывать:
— культурный контекст
— опыт и ожидания пользователя
— стандарты платформ
— уровень образования пользователя

Как реализовать принцип понятности

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

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

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

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

#учебник_доступности
📖 Оглавление

Глава 2.2
Принцип воспринимаемости

☝️Человек должен иметь возможность воспринимать контент тем способом, который ему доступен

Чтобы выполнить этот принцип, создают такой контент, который можно воспринимать с помощью различных органов чувств:
• зрение — контент представлен изображением, текстом, жестовой речью
• слух — аудиоописание, обеспечена доступность для программ экранного доступа
• осязание — обеспечена работа с брайлевскими дисплеями, есть виброотклик на мобильных устройствах

Жестовый язык — самостоятельный язык, состоящий из жестов, которые производятся руками в сочетании с мимикой, движением рта и губ, а также положением тела. В России используется русский жестовый язык (РЖЯ)

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

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

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

👀 В конце поста приведены фото брайлевского дисплея и специальных тактильных наручных часов для незрячих. Также в конце поста есть видео — трейлер фильма «Гарри Поттер и философский камень» с тифлокомментариями

#учебник_доступности
📖 Оглавление

Глава 2.1
Стандарты и принципы доступности

1. 🇪🇺 WCAG
WCAG — Web Content Accessibility Guidelines

Этот стандарт лежит в основе всех прочих стандартов, ГОСТ, гайдов и чек-листов. Разрабатывается рабочей группой Accessibility Guidelines Working Group при W3C (World Wide Web Consortium)

Стандарт англоязычный, сейчас его актуальная версия — 2.2, но он постоянно дополняется и уточняется

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

Также WCAG учитывают в дизайн-системах операционных систем iOS, Android, MacOS, Windows, Linux и HarmonyOS

Ключевые моменты WCAG:
• Стандарт универсальный для любого интерфейса, аудитории или специалиста
• Все правила основаны на 4 принципах: воспринимаемость, понятность, управляемость, надёжность
• Критерии успеха делятся на уровни: А, АА, ААА, где ААА — максимальная доступность
• Хоть стандарт и называется «Web Content Accessibility Guidelines», его принципы можно применять для десктопных и мобильных приложений, а не только для сайтов и веб-сервисов

2. 🇷🇺 ГОСТ 52872—2019
Официальное название — «Интернет-ресурсы и другая информация, представленная в электронно-цифровой форме. Приложения для стационарных и мобильных устройств, иные пользовательские интерфейсы. Требования доступности для людей с инвалидностью и других лиц с ограничениями жизнедеятельности»

В основу этого стандарта лёг WCAG, у этих стандартов похожа структура, описываются одинаковые принципы и критерии успешности

ГОСТ, как и WCAG, написан на достаточно высоком уровне абстракции, что может усложнять его восприятие. При этом на русский ГОСТ можно ссылаться в российских нормативных документах и в рекомендациях от ведомств — это отличает ГОСТ от международного WCAG

Дополнительно ГОСТ ссылается на другие стандарты:
— ГОСТ Р 57891 — «Тифлокомментирование и тифлокомментарий. Термины и определения»
— ГОСТ Р ИСО 9241-20 — «Эргономика взаимодействия человек-система. Часть 20. Руководство по доступности оборудования и услуг в области информационно-коммуникационных технологий»
— ГОСТ Р ИСО 9999 — «Вспомогательные средства для людей с ограничениями жизнедеятельности. Классификация и терминология»

Также стоит учитывать ГОСТ Р 70176-2022 — «Интернет-ресурсы и другая информация, представленная в электронно-цифровой форме. Файлы формата PDF. Требования доступности для людей с инвалидностью и других лиц с ограничениями жизнедеятельности»

#учебник_доступности
📖 Оглавление

#учебник_доступности
Часть 2: Стандарты доступности

Глава 2.1
Стандарты и принципы доступности

Глава 2.2
Принцип воспринимаемости

Глава 2.3
Принцип понятности

Глава 2.4
Принцип управляемости

Глава 2.5
Принцип надёжности

Глава 2.6
Законы и приказы о доступности в России

Резюме второй части

Анализ доступности
Критичность проблем доступности

📖 Оглавление

Тест пирата

Чтобы быстро найти самые очевидные проблемы доступности сервиса, достаточно представить, сможет ли этим сервисом воспользоваться пират

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

Подумайте, с какими проблемами столкнётся такой пират при попытке воспользоваться вашим сервисом? Как вы можете облегчить пользовательский путь пирата?

#учебник_доступности
📖 Оглавление

Резюме первой части

🔸 Термин «цифровая доступность» не закреплён в нормативных документах, единой официальной терминологии не существует

🔸 Цифровая доступность позволяет пользоваться сервисами не только людям с инвалидностью или ограниченными возможностями здоровья (ОВЗ). Она повышает удобство абсолютно всех людей

🔸 Необходимо различать инвалидность, ОВЗ, нарушения и ограничения

🔸 Ограничения бывают:
— постоянные, временные или контекстные
— ограничения по зрению, ограничения моторики, слуха и речи, ментальные

🔸 Люди с большой потерей зрения или полностью незрячие пользуются телефонами и компьютерами с помощью программ экранного доступа

🔸 Некоторые виды ограничений или нарушений в зависимости от контекста можно отнести сразу к нескольким категориям

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

#учебник_доступности
📖 Оглавление

Глава 1.7
Комплексные ограничения и возрастные изменения

Комплексные ограничения

Часто ограничения возникают не по отдельности, а комплексно

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

☝️К возникновению комплекса различных ограничений могут привести травма или болезнь, тяжёлый день на работе или просто обстановка вокруг

Возрастные изменения

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

Чтобы исследователи доступности среды могли получить опыт возрастных изменений, разработан костюм GERT — gerontologic test suit. Костюм состоит из множества элементов, которые исследователь комбинирует между собой. Элементы костюма представлены на фото ниже

#учебник_доступности
📖 Оглавление

Глава 1.6
Ограничения слуха и речи

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

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

Влияние стресса на речь

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

#учебник_доступности
📖 Оглавление

Глава 1.5
Ментальные ограничения

Ментальные ограничения до сих пор слабо изучены. И речь здесь идёт не только о дееспособности или недееспособности

Ментальные ограничения часто сопровождают ОРЗ и ОРВИ. При высокой температуре страдает концентрация, мотивация

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

Примеры ментальных ограничений

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

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

Специальные шрифты

Облегчить чтение и письмо можно при помощи использования в интерфейсе специальных шрифтов: Open Dyslexic, Arial, Comic sans, Verdana, Tahoma, Century Gothic, Trebuchet

У этих шрифтов каждая буква уникальна, её невозможно спутать с похожей. Например, «н» будет легко отличить от «и», а сочетание латинских букв «bl» — от «Ы»

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

#учебник_доступности
📖 Оглавление