Ö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

Boyut

Şekil

Yatay boşluk

Dikey boşluk

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.

Panel teması

Ayarlar

14 / 14

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

Davranış

Canlı önizleme

Kutucuklar tıklanabilir

yourwebsite.example

Erişilebilirlik

Görüntü seçenekleri

SiteAccessible ile

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",
    "text-size",
    "text-align",
    "line-height",
    "text-spacing",
    "blue-light",
    "reading-mask",
    "reading-guide",
    "large-cursor",
    "slow-cursor",
    "link-highlight",
    "highlight-titles",
    "dyslexia",
    "hide-images"
  ],
  "showBranding": true,
  "draggable": true,
  "rememberState": true,
  "hideOnMobile": false,
  "openOnLoad": false,
  "keyboardShortcut": "alt+a"
}

Bu tasarımı yayına alın

7 günlük denemeyi başlatın; ilk siteniz tam olarak bu ayarlarla oluşturulur.

Ücretsiz denemeyi başlat Yapılandırma belgelerini oku