Доступно

Демонстрации

Как это ощущается

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

Демонстрация 1

Цветовосприятие

Связанные протоколы проверки: критерий 1.4.1 «Использование цвета», критерий 1.4.11 «Нетекстовый контраст», критерий 3.3.1 «Определение ошибки».

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

Показан режим: обычное зрение

Ошибка отмечена только рамкой

Ошибка отмечена текстом и значком

Введите адрес полностью: после «@» не хватает домена.

Линии различаются только цветом

Подписи и разные маркеры

Заявки, план Заявки, факт

Демонстрация 2

Дислексия

Связанные протоколы проверки: критерий 1.4.12 «Интервалы текста». Критерий 3.1.5 «Уровень чтения» имеет уровень AAA (максимальный уровень соответствия WCAG, выше расширенного AA) и не входит в обязательный профиль A/AA (уровни соответствия WCAG: базовый A и расширенный AA) - здесь он не приводится как требование.

Перемешивание букв - грубая иллюстрация трудности распознавания слов, а не модель дислексии как таковой. Более полная проверка понятности текста - в протоколе понятности и когнитивной доступности.

Текст с трудным для чтения оформлением

Перемешивание выключено

Методика оценки доступности определяет порядок выборки страниц, три слоя проверки и правила заключения по результатам.

Тот же текст в читаемом оформлении

Методика оценки доступности определяет три вещи.

Порядок выборки страниц.

Три слоя проверки.

Правила заключения по результатам.

Демонстрация 3

Экранный диктор

Связанные протоколы проверки: критерий 1.1.1 «Нетекстовый контент», критерий 1.3.1 «Информация и отношения», критерий 2.4.6 «Заголовки и подписи», критерий 3.3.2 «Подписи или инструкции», критерий 4.1.2 «Имя, роль, значение».

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

Без разметки

Расшифровка: «Отправить. Картинка. Пустое поле редактирования.»

С разметкой

Расшифровка: «Кнопка. Отправить заявку. Изображение. Логотип проекта «Доступно». Имя получателя. Поле редактирования, пустое.»

Озвучивание не запущено

Демонстрация 4

Нечёткое зрение

Связанные протоколы проверки: критерий 1.4.4 «Изменение размера текста», критерий 1.4.10 «Перестроение».

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

Размытие выключено

Фрагмент страницы методики

2. Версии методических источников

Основным стандартом проверки является WCAG 2.2 (Руководство по доступности веб-содержимого консорциума W3C; версия 2.2 принята как международный стандарт ISO/IEC 40500:2025, в России на основе версии 2.1 разработан ГОСТ Р 52872-2019), Рекомендация W3C (международный консорциум, разрабатывающий стандарты веба; его рекомендации применяются в России добровольно, если на них не ссылаются ГОСТ, договор или техническое задание) в актуальной публикации от 12 декабря 2024 года. Целевой уровень, обычно A или AA, задаёт заказчик.

Читать методологию оценки доступности цифровых ресурсов