SiteAccessible

Настройка

Спроектируйте до регистрации

Каждый параметр здесь — настоящая настройка панели. Меняйте что угодно, смотрите, как реагирует предпросмотр, и забирайте фрагмент вместе с конфигурацией.

Внешний вид

Положение кнопки
#5B4BFF
#FFFFFF

5.39:1 проходит минимум 3:1 для нетекстового контраста по WCAG 1.4.11.

Настройки

14 / 14

Выключите любую — она полностью исчезнет из панели, без неактивных заглушек.

Языки

Выберите, какие языки предлагает панель и с какого начинает. Подписи плиток в этом предпросмотре остаются на языке, на котором вы просматриваете сайт.

Включённые языки

Поведение

Живой предпросмотр

Плитки кликабельны

yourwebsite.example

Доступность

ru

Параметры отображения

Работает на SiteAccessible

Ваш фрагмент

Создайте аккаунт — и заглушка заменится вашим настоящим ключом сайта. Больше ничего не меняется.

index.html
<script
  src="https://siteaccessible.com/w/YOUR_SITE_KEY.js"
  defer
  crossorigin="anonymous"
></script>
Конфигурация в JSON

Удобно, если вы ставите задачу разработчику или хотите повторить эту настройку на нескольких сайтах.

widget.config.json
{
  "position": "bottom-right",
  "offset": {
    "x": 24,
    "y": 24
  },
  "size": "md",
  "shape": "circle",
  "accentColor": "#5B4BFF",
  "iconColor": "#FFFFFF",
  "theme": "auto",
  "defaultLocale": "ru",
  "locales": [
    "en",
    "ru"
  ],
  "features": [
    "contrast",
    "text-size",
    "text-align",
    "line-height",
    "text-spacing",
    "blue-light",
    "reading-mask",
    "reading-guide",
    "large-cursor",
    "slow-cursor",
    "link-highlight",
    "highlight-titles",
    "dyslexia",
    "hide-images"
  ],
  "showBranding": true,
  "draggable": true,
  "rememberState": true,
  "hideOnMobile": false,
  "openOnLoad": false,
  "keyboardShortcut": "alt+a"
}

Запустите этот дизайн

Начните 7-дневный пробный период — первый сайт создастся ровно с этими настройками.

Начать пробный периодЧитать документацию по настройке