Фронтенд-панель — в режиме реального времени на каждой странице DigElite.
Нажмите на нижний левый угол. Кнопка доступности (Маленький значок с человеком в круге). Открывается панель, и вы можете сразу же опробовать 8 настроек. Именно эта панель Посетители вашего сайта получат это сообщение, когда вы используете плагин.
Набор инструментов, а не рекламная уловка.
Отличие от виджетов-наложений: панель — это Закрыто по умолчанию. Всего лишь небольшая, ненавязчиво оформленная кнопка у края страницы. Никаких красных баннеров, никаких всплывающих окон с надписью „Внимание, доступность!". Те, кому она не нужна, её почти не заметят.
При открытии панели настройки сохраняются. за посетителя постоянный — через `localStorage`, соответствует требованиям GDPR (без cookie, без серверного хранилища). Те же настройки будут немедленно активированы в следующей сессии.
Что могут публиковать посетители
- Размер шрифта. Четыре уровня вверх, четыре уровня вниз, плюс сброс. Масштабирует ВСЁ пропорционально, а не только основной текст.
- Режимы контрастности. Стандартный · Высокий · Инвертированный · Насыщенность выключена. Высокий режим гарантирует контрастность AAA 7:1.
- Анимация остановлена. Замораживает все CSS-анимации, GIF-файлы и автовоспроизведение видео, даже если тема не учитывает параметр `prefers-reduced-motion`.
- Вспомогательное средство для чтения. Горизонтальная маска для чтения, перемещающаяся вместе с курсором мыши. Помогает при проблемах с концентрацией внимания.
- Увеличьте курсор. Высококонтрастный курсор — удобен для демонстрации экрана и для людей с нарушениями зрения.
- Режим чтения вслух. Встроенный в браузер API для распознавания речи. При нажатии на текст начинается чтение абзаца вслух. Не требуется внешний механизм преобразования текста в речь, нет зависимости от облачных сервисов.
- Переключение языка. Весь сайт переведен (не только панель управления) благодаря интеграции с TranslatePress. В базовую версию включен один дополнительный язык; остальные языки можно добавить в качестве дополнительных опций.
- Сохраните настройки. Автоматическое сохранение в `localStorage`. Кнопка сброса для сохранения настроек по умолчанию.
Панель 100 % управляется с помощью клавиатуры.
- вкладка — Навигация по всем элементам управления панели
- Входить или пробел — Включает кнопки/переключатели
- Клавиши со стрелками — Перемещайте ползунки (размер шрифта, контраст)
- Эск — Закрывает панель
- Старый + A — Открывает панель из любого места (можно отфильтровать по сочетаниям клавиш).
Индикатор фокуса всегда виден (оконная рамка 3 пикселя, контрастность AAA). Порядок перехода по клавише Tab соответствует визуальному порядку. Отсутствуют ловушки клавиатуры.
Им можно с таким же успехом пользоваться и на смартфоне.
На небольших экранах панель выдвигается вверх в виде нижнего листа — все настройки доступны большим пальцем. Кнопки имеют размер не менее 44×44 пикселей (WCAG 2.5.5 „Целевой размер"). Горизонтальная прокрутка отсутствует.
На планшетах панель отображается в виде боковой выдвижной панели. На настольных компьютерах она отображается в виде компактного списка в левом нижнем углу.
3 теста для самопроверки, которые вы можете пройти прямо сейчас.
- Увеличьте размер шрифта: Откройте панель, затем трижды нажмите „Увеличить размер шрифта". Страница будет масштабироваться соответствующим образом — без наложения и обрезки текста.
- Остановить анимацию: Активируйте функцию „Приостановить анимацию". Затем посмотрите, например, на анимацию героя — она полностью остановится.
- Тест клавиатуры: Нажимать вкладка 10 раз подряд. Вы всегда будете видеть яркое оранжевое кольцо фокусировки. Никаких скрытых скачков.
Если что-либо из этого нет Если всё работает, напишите нам — это ошибка с нашей стороны, а не "особенность" плагина.
Хотите протестировать плагин на своём сайте?
На первой консультации мы устанавливаем плагин на тестовую копию вашего сайта — вы видите эффект непосредственно в реальном макете, без риска для работающего сайта.
Первичная консультация (15 минут)
Посмотреть этапы установки
