SiteAccessible

Personalizar

Diséñelo antes de registrarse

Cada opción de esta página es una opción real del panel. Cambie lo que quiera, vea cómo responde la vista previa y llévese el fragmento de código y la configuración.

Apariencia

Posición del botón

24 px
24 px

Icono del botón

Color de acento y del icono
#5B4BFF
#FFFFFF

5.39:1 cumple el mínimo de contraste no textual de 3:1 de WCAG 1.4.11.

Ajustes

21 / 21

Si desactiva uno, desaparece por completo del panel: no queda ningún control atenuado.

Idiomas

Elija qué idiomas ofrece el panel y en cuál se abre. En esta vista previa, las etiquetas de los mosaicos siguen en el idioma en el que está navegando por el sitio.

Idiomas activados

Comportamiento

Vista previa en directo

Los mosaicos se pueden pulsar

56 px · Círculo · Seguir el sistema del visitante

Su fragmento de código

Cree una cuenta y el marcador de posición se sustituirá por la clave real de su sitio. No cambia nada más.

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

Útil si va a darle instrucciones a un desarrollador o quiere reproducir esta misma configuración en varios sitios.

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

Ponga este diseño en marcha

Empiece la prueba de 7 días y añada su sitio. Se inicia con el diseño predeterminado, y cada opción de esta página está en el personalizador de su área de cliente, así que recrear este diseño lleva un minuto.