SiteAccessible

Персонализиране

Проектирайте го преди регистрацията

Всяка настройка тук е реална настройка от таблото. Променете каквото пожелаете, наблюдавайте как визуализацията следва промените, а после вземете кодовия фрагмент и конфигурацията със себе си.

Външен вид

Позиция на бутона

24 px
24 px

Икона на бутона

Акцентен цвят и цвят на иконата
#5B4BFF
#FFFFFF

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

Настройки

21 / 21

Ако изключите някоя, тя изчезва напълно от панела – без неактивни сиви контроли.

Езици

Изберете кои езици предлага панелът и на кой се отваря. Надписите на плочките в тази визуализация остават на езика, на който разглеждате сайта.

Включени езици

Поведение

Визуализация на живо

Плочките могат да се щракват

56 px · Кръг · Според системата на посетителя

Вашият кодов фрагмент

Създайте профил и заместителят ще бъде заменен с истинския ключ на вашия сайт. Нищо друго не се променя.

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": "bg",
  "locales": [
    "en",
    "bg"
  ],
  "features": [
    "contrast",
    "saturation",
    "text-size",
    "text-align",
    "line-height",
    "text-spacing",
    "link-highlight",
    "highlight-titles",
    "focus-highlight",
    "stop-animations",
    "large-cursor",
    "dyslexia",
    "blue-light",
    "reading-mask",
    "reading-guide",
    "slow-cursor",
    "hide-images",
    "hide-buttons",
    "read-aloud",
    "dictionary",
    "page-structure"
  ],
  "showBranding": true,
  "draggable": true,
  "rememberState": true,
  "hideOnMobile": false,
  "openOnLoad": false,
  "pulse": true,
  "pulseLoop": false,
  "profilesAccordion": false,
  "keyboardShortcut": "alt+a",
  "icon": "person"
}

Пуснете този дизайн на живо

Започнете 7-дневния пробен период и добавете сайта си. Той започва с дизайна по подразбиране, а всяка настройка от тази страница е налична в персонализатора на панела ви, така че пресъздаването на този дизайн отнема минута.

Започнете безплатния пробен периодДокументация за конфигурацията