Доступность
Что на сайте сделано для людей с особенностями зрения и моторики, какие контрасты мы измерили и чего не проверяли. Страница нужна, чтобы человек заранее понял, чем ему будет удобно пользоваться, а чем нет.
Что уже работает
Настройки отображения открываются ссылкой «Версия для слабовидящих» в подвале любой страницы. Они запоминаются в браузере и действуют на всём сайте, а не на одной странице.
- ссылка «перейти к содержанию» стоит первой в разметке — её видно сразу, как только листаешь страницу клавишей Tab;
- три размера шрифта: страница масштабируется целиком, вместе с заголовками, подписями и таблицами;
- четыре цветовые схемы: обычная, чёрным по белому, белым по чёрному, тёмно-коричневым по бежевому;
- изображения можно отключить — на месте кадров остаются текстовые подписи;
- выход из режима по Esc и кнопкой сброса; выбор сохраняется в браузере.
Что сделано в разметке и коде
Панель — только видимая часть. Остальное работает на всех страницах, даже если человек её ни разу не открывал:
- заголовки идут по уровням, у разделов длинных страниц есть якоря, и оглавление собирается из этих заголовков;
- у изображений есть текстовое описание, декоративные значки скрыты от диктора;
- раскрывающиеся блоки — штатные элементы браузера: работают с клавиатуры и без скриптов;
- анимация отключается системной настройкой «уменьшить движение»;
- фокус клавиатуры виден, у полей и кнопок есть подписи.
Контраст: что измерено
Контраст мы считали по формуле WCAG 2.1 — это отношение относительных яркостей фона и текста. Порог для обычного текста 4,5:1, для крупного текста и графики 3:1. Вот что получилось у четырёх схем:
- обычная схема: основной текст 16,5:1, приглушённый — от 5,2 до 5,5:1 в зависимости от подложки;
- чёрным по белому: текст 21:1, ссылки 10,2:1;
- белым по чёрному: текст 21:1, ссылки 16,5:1;
- тёмно-коричневым по бежевому: текст 11,8:1, ссылки 7,5:1.
Ниже порога оказался один цвет — декоративная латунь #b8862b на белом, 3,2:1. Поэтому она осталась линиям, крупным цифрам и значкам, а для мелкого текста взят тёмный оттенок #7d5a1c: у него 6,3:1.
Чего нет и что не проверено
Сертификации соответствия ГОСТ Р 52872-2019 нет. Панель сделана по этому стандарту, но независимой проверки не было — и мы не пишем, что она пройдена.
С реальными пользователями экранных дикторов мы не проверяли. Наша проверка — по разметке и замеру, а не по опыту человека, который читает сайт слухом. Это ограничение, и сказать о нём прямо честнее, чем промолчать.
Машиночитаемых документов на сайте почти нет: только выгрузки CSV. PDF мы не публикуем, прайс и сведения для заказчиков — страницы, а не файлы. Так что недоступных документов среди них не бывает.
Если что-то не читается
Напишите на info@isai.su и опишите, на какой странице и что мешает: масштаб, контраст, работа с клавиатуры, чтение диктором. Такие письма разбираем первыми.
Если удобнее — укажите браузер и версию, устройство и что именно вы ожидали увидеть. Этого хватает, чтобы воспроизвести и поправить.