Landing pages accesibles para tus visitantes.
SmartChat crea tu landing page para que más personas puedan leerla, usarla y suscribirse a tu newsletter de WhatsApp.
El contraste se mide.
Si cambias los colores de tu landing page, SmartChat mide el contraste según WCAG. Si está por debajo de 4,5:1, SmartChat bloquea el color para que el texto se siga leyendo bien.
Combinaciones de colores comprobadas
En la primera creación, SmartChat AI solo usa combinaciones de colores comprobadas a mano con contraste suficiente.
Se impide el contraste demasiado débil
SmartChat impide un contraste demasiado débil. El valor de 4,5 a 1 es obligatorio.
Las partes fijas se quedan
El aviso legal, la privacidad y el formulario de registro no se pueden ocultar.
La accesibilidad está en el código de tu landing page.
SmartChat añade estas partes automáticamente; no tienes que programar nada.
.bk-btn:focus-visible { outline: 3px solid var(--brand); outline-offset: 3px; }Foco visible
Quien recorre tu página con la tecla Tab ve un marco claro en botones, preguntas y enlaces. Sobre fondos oscuros es blanco.
<html lang="es">Idioma de la página
Los lectores de pantalla y la traducción del navegador leen tu landing page en el idioma correcto.
<img alt="Backhaus Sommer: imagen principal del negocio">Descripciones de imágenes
Cada imagen tiene una descripción en el idioma de tu página que indica su función.
<div role="dialog" aria-modal="true"> <button aria-label="Cerrar"> <select aria-label="Prefijo del país">Ventana de registro etiquetada
La ventana de registro está marcada como diálogo. El botón Cerrar y el prefijo del país llevan una descripción.
@media (prefers-reduced-motion: reduce) { .bk-hero-video video { display: none } }Menos movimiento
Si un visitante ha activado menos movimiento, tu página muestra una imagen fija en lugar del vídeo de fondo.
Una ventana de registro con etiquetas
Los lectores de pantalla reconocen la ventana de registro como un diálogo con título. También el campo del prefijo del país y el botón Cerrar están etiquetados.
Diálogo con título
La ventana dice a los lectores de pantalla de qué se trata.
Prefijo del país etiquetado
La selección del prefijo se lee en voz alta como prefijo del país.
Sin animación si se desea
Con menos movimiento, la ventana aparece sin animación.
Lo que hace SmartChat y lo que compruebas tú mismo.
SmartChat pone las bases. Esto no sustituye una prueba completa de tu página.
Esto lo compruebas tú
- Colores propios: comprueba tú mismo si tu página se lee bien para tus visitantes.
- Imágenes propias: escribe la información importante como texto en la página para que los lectores de pantalla la lean.
- Legal: si a tu empresa se le aplican normas especiales, lo aclaras con tu asesoría legal.
Esto lo hace SmartChat
- Medir el contraste según WCAG e impedir el contraste demasiado débil.
- Marco visible para usar la página con el teclado.
- Idioma de la página, descripciones de imágenes y menos movimiento si se desea.
Preguntas frecuentes sobre accesibilidad.
¿Es accesible mi landing page de SmartChat?
SmartChat incluye muchas bases de forma automática: contraste medido, foco de teclado visible, idioma de la página, descripciones de imágenes, una ventana de registro etiquetada y menos movimiento si se desea. Esto no sustituye una prueba completa de tu página.
¿Sustituye esto una revisión legal?
Eso SmartChat no te lo puede garantizar. Si a tu empresa se le aplican normas especiales y qué exigen, lo aclaras con tu asesoría legal.
¿Cómo comprueba SmartChat el contraste?
SmartChat calcula la relación de contraste entre texto y fondo según WCAG. Si está por debajo de 4,5:1, SmartChat bloquea el color para que el texto se siga leyendo bien.
¿Bloquea SmartChat los colores con poco contraste?
Sí. SmartChat impide un contraste demasiado débil; el valor de 4,5 a 1 es obligatorio. En la primera creación, SmartChat AI solo usa combinaciones de colores con contraste suficiente comprobado.
¿Se puede usar mi landing page con el teclado?
Los botones, las preguntas desplegables y los enlaces del pie de página muestran un marco claro en cuanto alguien recorre la página con la tecla Tab. Sobre fondos oscuros, el marco es blanco.
¿Qué lee un lector de pantalla en mis imágenes?
Cada imagen tiene una descripción en el idioma de tu página, por ejemplo «Backhaus Sommer: imagen principal del negocio». Indica la función de la imagen, no cada detalle.
¿Por qué está el idioma en el código de mi landing page?
Para que los lectores de pantalla y la traducción del navegador lean tu página en el idioma correcto. SmartChat añade el idioma automáticamente.
¿Qué ven los visitantes que han activado menos movimiento?
En lugar del vídeo de fondo, una imagen fija. Desaparecen los movimientos de los botones y la animación de la ventana de registro.
¿Entienden los lectores de pantalla la ventana de registro?
Está marcada como diálogo con título, y el botón Cerrar y el prefijo del país están etiquetados.
¿Trata esta página de la accesibilidad de la web de SmartChat?
No, esta página muestra las landing pages que SmartChat crea para ti. Nuestra propia declaración la encuentras en Accesibilidad.
Crea tu landing page en 60 segundos.
Introduce tu web. SmartChat AI crea tu landing page con contraste medido, foco visible y descripciones de imágenes.