SiteAccessible

Tilpass

Utform den før du registrerer deg

Hver innstilling her er en ekte innstilling fra kontrollpanelet. Endre hva du vil, se forhåndsvisningen følge med, og ta deretter med deg kodesnutten og konfigurasjonen.

Utseende

Knappens plassering

24 px
24 px

Knappens ikon

Aksent- og ikonfarge
#5B4BFF
#FFFFFF

5.39:1 oppfyller minstekravet 3:1 for ikke-tekstlig kontrast i WCAG 1.4.11.

Tilpasninger

21 / 21

Slå av en, så forsvinner den helt fra panelet – ingen nedtonet knapp.

Språk

Velg hvilke språk panelet tilbyr, og hvilket det starter på. Etikettene på flisene i denne forhåndsvisningen vises på språket du bruker på nettstedet.

Aktiverte språk

Virkemåte

Direkte forhåndsvisning

Flisene er klikkbare

56 px · Sirkel · Følg den besøkendes system

Kodesnutten din

Opprett en konto, så erstattes plassholderen med din ekte nettstedsnøkkel. Ingenting annet endres.

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

Nyttig hvis du skal gi en utvikler instruksjoner, eller vil gjenskape akkurat dette oppsettet på flere nettsteder.

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

Start prøveperioden på 7 dager og legg til nettstedet ditt. Det starter med standarddesignet, og alle innstillingene på denne siden finnes i tilpasningsverktøyet i kontrollpanelet ditt, så det tar ett minutt å gjenskape dette.