SiteAccessible

Personalizare

Proiectați-l înainte de a vă înregistra

Fiecare setare de aici este o setare reală din panou. Modificați orice, urmăriți cum se actualizează previzualizarea, apoi luați cu dumneavoastră fragmentul de cod și configurația.

Aspect

Poziția butonului

24 px
24 px

Pictograma butonului

Culoarea de accent și a pictogramei
#5B4BFF
#FFFFFF

5.39:1 respectă minimul de contrast non-text de 3:1 din WCAG 1.4.11.

Ajustări

21 / 21

Dezactivați o ajustare și aceasta dispare complet din panou — fără comenzi estompate.

Limbi

Alegeți ce limbi oferă panoul și în ce limbă se deschide. Etichetele plăcilor din această previzualizare rămân în limba în care navigați pe site.

Limbi activate

Comportament

Previzualizare în timp real

Plăcile pot fi apăsate

56 px · Cerc · După sistemul vizitatorului

Fragmentul dumneavoastră de cod

Creați un cont, iar substituentul este înlocuit cu cheia reală a site-ului dumneavoastră. Nimic altceva nu se schimbă.

index.html
<script
  src="https://siteaccessible.com/w/YOUR_SITE_KEY.js"
  defer
  crossorigin="anonymous"
></script>
Configurația în format JSON

Util dacă transmiteți instrucțiuni unui dezvoltator sau doriți să reproduceți exact această configurație pe mai multe site-uri.

widget.config.json
{
  "position": "bottom-right",
  "offset": {
    "x": 24,
    "y": 24
  },
  "size": "md",
  "shape": "circle",
  "accentColor": "#5B4BFF",
  "iconColor": "#FFFFFF",
  "theme": "auto",
  "defaultLocale": "ro",
  "locales": [
    "en",
    "ro"
  ],
  "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"
}

Puneți acest design în funcțiune

Începeți perioada de probă de 7 zile și adăugați site-ul. Acesta pornește cu designul implicit, iar fiecare setare de pe această pagină se găsește în editorul de personalizare din panou, așa că recrearea acestui design durează un minut.