SiteAccessible

Design

Design den, før du tilmelder dig

Hver indstilling her er en rigtig indstilling fra kontrolpanelet. Ændr hvad som helst, se forhåndsvisningen følge med, og tag derefter kodestykket og konfigurationen med dig.

Udseende

Knappens placering

24 px
24 px

Knappens ikon

Accent- og ikonfarve
#5B4BFF
#FFFFFF

5.39:1 opfylder minimumskontrasten på 3:1 for ikke-tekst i WCAG 1.4.11.

Tilpasninger

21 / 21

Slå en fra, så forsvinder den helt fra panelet – ingen nedtonet knap.

Sprog

Vælg, hvad panelet tilbyder, og hvilket sprog det starter på. Feltetiketterne i denne forhåndsvisning forbliver på det sprog, du bruger hjemmesiden på.

Aktiverede sprog

Adfærd

Live-forhåndsvisning

Felterne kan klikkes

56 px · Cirkel · Følg den besøgendes system

Dit kodestykke

Opret en konto, så erstattes pladsholderen af din rigtige webstedsnøgle. Intet andet ændres.

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

Praktisk, hvis du briefer en udvikler eller vil genskabe præcis denne opsætning på flere websteder.

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

Få dette design live

Start prøveperioden på 7 dage, og tilføj dit websted. Det starter med standarddesignet, og alle indstillinger på denne side findes i designværktøjet i dit kontrolpanel, så det tager et minut at genskabe dette design.