SiteAccessible

Personalizar

Desenhe-o antes de se registar

Cada definição aqui é uma definição real do painel. Altere o que quiser, veja a pré-visualização acompanhar as alterações e depois leve consigo o fragmento de código e a configuração.

Aspeto

Posição do botão

24 px
24 px

Ícone do botão

Cor de destaque e do ícone
#5B4BFF
#FFFFFF

5.39:1 cumpre o mínimo de 3:1 de contraste não textual do critério WCAG 1.4.11.

Ajustes

21 / 21

Se desativar um ajuste, ele desaparece completamente do painel — sem controlos esbatidos.

Idiomas

Escolha os idiomas que o painel oferece e o idioma em que abre. Os nomes dos mosaicos nesta pré-visualização ficam no idioma em que está a navegar no site.

Idiomas ativados

Comportamento

Pré-visualização em direto

Os mosaicos são clicáveis

56 px · Círculo · Seguir o sistema do visitante

O seu fragmento de código

Crie uma conta e o marcador de posição é substituído pela chave real do seu site. Nada mais muda.

index.html
<script
  src="https://siteaccessible.com/w/YOUR_SITE_KEY.js"
  defer
  crossorigin="anonymous"
></script>
Configuração em JSON

Útil se estiver a passar instruções a um programador ou quiser reproduzir esta configuração exata em vários sites.

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

Coloque este design em funcionamento

Inicie o período de teste de 7 dias e adicione o seu site. Começa com o design predefinido, e todas as definições desta página estão no editor de personalização do seu painel, por isso recriar este design demora um minuto.