SiteAccessible

Personnaliser

Concevez-le avant de vous inscrire

Chaque paramètre de cette page est un vrai paramètre du tableau de bord. Modifiez ce que vous voulez, suivez l'aperçu, puis emportez l'extrait de code et la configuration.

Apparence

Position du bouton

24 px
24 px

Icône du bouton

Couleur d'accent et de l'icône
#5B4BFF
#FFFFFF

5.39:1 respecte le contraste minimal de 3:1 pour les éléments non textuels du critère WCAG 1.4.11.

Réglages

21 / 21

Désactivez un réglage et il disparaît entièrement du panneau : aucune commande grisée.

Langues

Choisissez les langues proposées par le panneau et celle dans laquelle il s'ouvre. Dans cet aperçu, les libellés des tuiles restent dans la langue dans laquelle vous consultez le site.

Langues activées

Comportement

Aperçu en direct

Les tuiles sont cliquables

56 px · Cercle · Suivre le système du visiteur

Votre extrait de code

Créez un compte et l'espace réservé sera remplacé par votre vraie clé de site. Rien d'autre ne change.

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

Pratique pour briefer un développeur, ou pour reproduire exactement cette configuration sur plusieurs sites.

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

Mettez ce design en ligne

Lancez l'essai de 7 jours et ajoutez votre site. Il démarre avec le design par défaut, et chaque paramètre de cette page se trouve dans l'outil de personnalisation de votre espace client : recréer celui-ci prend une minute.