SiteAccessible

Mukauta

Suunnittele ennen rekisteröitymistä

Jokainen tämän sivun asetus on todellinen hallintapaneelin asetus. Muuta mitä haluat, katso, miten esikatselu päivittyy, ja ota sitten koodinpätkä ja määritykset mukaasi.

Ulkoasu

Painikkeen sijainti

24 px
24 px

Painikkeen kuvake

Korostus- ja kuvakeväri
#5B4BFF
#FFFFFF

5.39:1 täyttää WCAG 1.4.11:n ei-tekstuaalisen kontrastin vähimmäisvaatimuksen 3:1.

Säädöt

21 / 21

Kun poistat säädön käytöstä, se katoaa paneelista kokonaan – harmaana näkyvää painiketta ei jää.

Kielet

Valitse, mitä kieliä paneeli tarjoaa ja millä kielellä se avautuu. Tämän esikatselun ruutujen nimet näkyvät sillä kielellä, jolla selaat sivustoa.

Käytössä olevat kielet

Toiminta

Reaaliaikainen esikatselu

Ruutuja voi napsauttaa

56 px · Ympyrä · Kävijän järjestelmän mukaan

Koodinpätkäsi

Luo tili, niin paikkamerkki korvataan todellisella sivustoavaimellasi. Mikään muu ei muutu.

index.html
<script
  src="https://siteaccessible.com/w/YOUR_SITE_KEY.js"
  defer
  crossorigin="anonymous"
></script>
Määritykset JSON-muodossa

Kätevä, jos annat ohjeet kehittäjälle tai haluat toistaa täsmälleen samat asetukset useilla sivustoilla.

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

Ota tämä ulkoasu käyttöön

Aloita 7 päivän kokeilujakso ja lisää sivustosi. Se alkaa oletusulkoasulla, ja kaikki tämän sivun asetukset löytyvät hallintapaneelisi mukautustyökalusta, joten tämän ulkoasun luominen uudelleen vie minuutin.