Три размера шрифта
20, 24 и 30 пикселей для основного текста, заголовки — пропорционально крупнее.
Виджет от Solidus Group
Версия для слабовидящих по ГОСТ
Один файл, одна строка подключения. Размер шрифта, пять цветовых схем, изображения, интервалы, чтение вслух — всё по ГОСТ Р 52872-2019 и без единого запроса к внешним сервисам.
Что требует ГОСТ
ГОСТ Р 52872-2019 «Интернет-ресурсы и другая информация, представленная в электронно-цифровой форме…» задаёт требования доступности для людей с ограничениями по зрению и согласован с WCAG 2.1. С 1 марта 2026 года действует постановление Правительства РФ от 07.02.2026 № 102: сайты госорганов, органов местного самоуправления и подведомственных им организаций должны быть доступны для людей с нарушениями зрения — масштаб до 200%, контраст, работа с клавиатуры и экранными дикторами. Виджет дополняет доступность самого сайта, но не заменяет её: вёрстку тоже нужно привести в порядок, и это мы делаем вместе с установкой.
При закупках по 44-ФЗ и 223-ФЗ в техзадании на сайт обычно прямо прописано: «наличие версии для слабовидящих в соответствии с ГОСТ Р 52872-2019». Виджет закрывает этот пункт.
Что пользователь должен уметь настроить
- Размер шрифта — не меньше трёх вариантов
- Цветовую схему: чёрным по белому, белым по чёрному, тёмно-синим по голубому, коричневым по бежевому, зелёным по тёмно-коричневому
- Изображения: показать, скрыть или сделать чёрно-белыми
- Интервал между буквами и между строками
- Шрифт: без засечек или с засечками
- Возврат к обычной версии одной кнопкой
Что умеет виджет
Настройки применяются ко всему сайту и запоминаются в браузере посетителя.
Пять цветовых схем
Перекрашивает фоны, рамки, градиенты, кнопки и поля форм, убирает тени и полупрозрачность.
Изображения
Показать, скрыть (вместо картинки — её подпись) или сделать чёрно-белыми.
Чтение вслух
Озвучивает выделенный текст русским голосом встроенного синтезатора браузера. Без облачных сервисов.
Пример: страница учреждения
Откройте настройки и посмотрите, как меняется этот блок — заголовки, картинки, таблица, форма.
МБУК «Городская библиотека № 3»
Приглашаем жителей района на бесплатные занятия по компьютерной грамотности. Подробности — в разделе «Мероприятия» или по телефону +7 (000) 000-00-00.
Часы работы
| Отдел | Будни | Суббота |
|---|---|---|
| Абонемент | 10:00–19:00 | 11:00–17:00 |
| Читальный зал | 10:00–20:00 | 11:00–18:00 |
| Детский отдел | 12:00–18:00 | выходной |
Записаться на занятие
Как подключить
Скопируйте папку widgets/accessibility/ на сайт и добавьте одну строку перед </body> или в <head>:
<script src="/widgets/accessibility/a11y.js" defer></script>Без своей кнопки виджет сам добавит плавающую кнопку с глазом в левом нижнем углу. Чтобы использовать кнопку в шапке сайта, достаточно атрибута:
<button type="button" data-a11y-toggle>Версия для слабовидящих</button>data-a11y-hide- Декоративные элементы (анимации, фоновые canvas, шум, частицы) — скрываются в версии для слабовидящих. Все
canvasиvideo[autoplay]скрываются автоматически. data-a11y-show- Элементы, которые на сайте появляются анимацией при прокрутке: в версии для слабовидящих они сразу видимы.
data-a11y-only- Показывать элемент только в версии для слабовидящих (например, текстовую замену сложной инфографики).
window.SolidusA11yopen(),close(),reset(),isOn(),toggle().
Никаких CDN, шрифтов Google, счётчиков и облачного синтеза речи: виджет работает целиком в браузере посетителя, что важно для 152-ФЗ и требований к сайтам госучреждений.