SiteAccessible

Özelleştirme

Kaydolmadan önce tasarlayın

Buradaki her ayar gerçek bir panel ayarıdır. İstediğinizi değiştirin, önizlemenin nasıl uyduğunu görün, sonra parçacığı ve yapılandırmayı yanınızda götürün.

Görünüm

Düğme konumu

24 px
24 px

Düğme simgesi

Vurgu ve simge rengi
#5B4BFF
#FFFFFF

5.39:1 WCAG 1.4.11 metin dışı 3:1 kontrast alt sınırını geçiyor.

Ayarlar

21 / 21

Birini kapatın, panelden tamamen kalksın — soluk, çalışmayan bir denetim kalmaz.

Diller

Panelin sunduğu dilleri ve hangisiyle başlayacağını seçin. Bu önizlemedeki kutucuk etiketleri, siteyi hangi dilde gezdiğinizde o dilde kalır.

Etkin diller

Davranış

Canlı önizleme

Kutucuklar tıklanabilir

56 px · Daire · Ziyaretçinin sistemine uy

Parçacığınız

Hesap oluşturun; yer tutucu gerçek site anahtarınızla değişir. Başka hiçbir şey değişmez.

index.html
<script
  src="https://siteaccessible.com/w/YOUR_SITE_KEY.js"
  defer
  crossorigin="anonymous"
></script>
JSON olarak yapılandırma

Bir geliştiriciye brief veriyorsanız ya da aynı kurulumu birkaç sitede tekrarlamak istiyorsanız işinize yarar.

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

Bu tasarımı yayına alın

7 günlük denemeyi başlatın ve sitenizi ekleyin. Site varsayılan tasarımla başlar; bu sayfadaki her ayar paneldeki özelleştirme bölümünde de var, bu yüzden bu tasarımı bir dakikada yeniden oluşturabilirsiniz.