SiteAccessible

Anpassa

Utforma den innan du registrerar dig

Varje inställning här är en riktig inställning från kontrollpanelen. Ändra vad du vill, se förhandsvisningen uppdateras och ta sedan med dig kodsnutten och konfigurationen.

Utseende

Knappens placering

24 px
24 px

Knappens ikon

Accent- och ikonfärg
#5B4BFF
#FFFFFF

5.39:1 klarar minimikravet 3:1 för icke-textkontrast i WCAG 1.4.11.

Anpassningar

21 / 21

Stäng av en så försvinner den helt från panelen – ingen nedtonad knapp.

Språk

Välj vilka språk panelen erbjuder och vilket den startar på. Rutornas etiketter i förhandsvisningen visas på det språk du använder på webbplatsen.

Aktiverade språk

Beteende

Liveförhandsvisning

Rutorna är klickbara

56 px · Cirkel · Följ besökarens system

Din kodsnutt

Skapa ett konto, så ersätts platshållaren med din riktiga webbplatsnyckel. Inget annat ändras.

index.html
<script
  src="https://siteaccessible.com/w/YOUR_SITE_KEY.js"
  defer
  crossorigin="anonymous"
></script>
Konfiguration som JSON

Praktiskt om du ska instruera en utvecklare, eller vill återskapa exakt den här konfigurationen på flera webbplatser.

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

Ta designen live

Starta provperioden på 7 dagar och lägg till din webbplats. Den börjar med standarddesignen, och alla inställningar på den här sidan finns i anpassningsverktyget i din kontrollpanel, så det tar en minut att återskapa den här.