Widget de accesibilidad con diseño flexible

Prueba las ayudas de lectura

Abre el botón «Ayudas de lectura» abajo a la derecha o pulsa Alt + A. Elige un perfil o recorre los niveles de tamaño del texto, contraste y guía de lectura. En «Página» saltas directamente a cualquier encabezado. Con «Restablecer todo» recuperas la vista original.

Los ajustes de visualización complementan una web accesible. No sustituyen la corrección de barreras en el código fuente.

Tres áreas: Perfiles, Ajustar y Página

El botón «Ayudas de lectura» aparece por defecto abajo a la derecha en cada página con el widget. Con Alt + A también abres y cierras el menú con el teclado; Esc lo cierra. El menú se abre en la pestaña «Ajustar».

PerfilesSeis perfiles para necesidades habituales, por separado o combinados.
AjustarVista inicial27 botones en tres grupos y el ajuste fino.
PáginaEncabezados de la página, lectura en voz alta del texto seleccionado y tu asistente de navegador.

Botones con niveles

Cada clic en un botón avanza un nivel; después del último nivel vuelve a desactivarse. Unas pequeñas barras muestran el nivel actual y los lectores de pantalla anuncian el estado, por ejemplo «Nivel 2 de 3». Botones como Contraste o Puntero alternan entre variantes con nombre.

Texto

Tamaño de texto3 niveles
Interlineado3 niveles
Espaciado3 niveles
Fuente legibleClara, Mono
EncabezadosSí o No
EnlacesSubrayados, Resaltados
NegritaSí o No
Párrafos3 niveles
Ancho de textoSí o No

Colores y multimedia

ContrasteAlto, Oscuro, Claro, Invertido
SaturaciónReducida, Monocromo
Sin imágenesDecorativas, Todo
Atenuar2 niveles
Imágenes en grisSí o No
Texto de imagenSí o No
MultimediaEn pausa, Silenciado
Sin fondosSí o No
Menos transparenciaSí o No

Orientación

Guía de lecturaLínea, Máscara
Sin animacionesSí o No
FocoContorno, Atenuar resto
EstructuraSí o No
ControlesBotones, Todo
PunteroGrande, Oscuro, Claro
Enlace de saltoSí o No
EtiquetasSí o No
Scroll tranquiloSí o No

Seis perfiles para necesidades habituales

Un perfil activa a la vez varios ajustes adecuados. Puedes combinar perfiles y después ajustar cada botón por separado; el interruptor muestra si todos los ajustes de un perfil siguen activos.

Baja visión: Texto más grande, contraste alto y foco bien visible
Dislexia: Fuente legible, más interlineado y espacio entre letras, guía de lectura
TDAH: Máscara de lectura, fondos tranquilos, sin animaciones
Epilepsia y convulsiones: Detiene animaciones y multimedia, scroll tranquilo
Limitaciones motoras: Foco bien visible, enlace de salto, botones y campos resaltados
Menos color: Colores suaves, enlaces fáciles de reconocer

Con «Usar los ajustes del sistema», el widget aplica el movimiento reducido y el contraste alto del sistema operativo y reacciona cuando cambian esos ajustes.

Ajuste fino para valores exactos

El ajuste fino al final de la pestaña «Ajustar» incluye siete reguladores: tamaño de letra, interlineado, espacio entre letras, espacio entre palabras, espacio entre párrafos, saturación del color y brillo. Además están la alineación del texto y el interruptor «Más espacio en el texto» para el espaciado entre letras, palabras y líneas según WCAG 1.4.12.

Los visitantes también pueden cambiar allí cómo ven el menú: el tema claro, oscuro o automático, el icono y la posición del botón.

Página: encabezados y lectura en voz alta

La pestaña «Página» muestra todos los encabezados de la página actual; un clic te lleva directamente a la sección. El navegador lee en voz alta el texto seleccionado con una voz local si admite esta función.

«Restablecer todo» recupera la vista original. La selección solo se guarda en el navegador de los visitantes. Los ajustes que ya tenía la web se restablecen al retirar el widget.

Alemán, inglés, español y tu diseño

El menú detecta el alemán, el inglés y el español según el idioma de la página y permite elegir otro idioma. Cinco plantillas de diseño y una vista previa en directo te ayudan a adaptar el widget a tu marca. Personaliza los colores, la fuente, el ancho del menú, las esquinas y las sombras. Elige un icono o un botón con texto y tus propios textos del menú. Cuatro posiciones y márgenes separados para escritorio y móvil dejan espacio para la navegación y los banners de cookies.

Guarda tu diseño en el proyecto para que todas las páginas con el widget lo apliquen automáticamente. En el plugin de WordPress también puedes diseñarlo localmente. Todas las opciones de diseño están disponibles en el plan Free; allí el enlace a la marca Accessonaut sigue visible. Los visitantes pueden guardar sus ajustes de lectura personales en su propio navegador. Estos tienen prioridad sobre el diseño definido. Las combinaciones de colores ilegibles se ajustan para la visualización.

Añadir descripciones de imágenes aprobadas

Los análisis registran las descripciones de imágenes que faltan en el espacio de trabajo. Revisas las sugerencias o escribes tus propios textos y los apruebas expresamente. Solo cuando activas la publicación, el widget añade los atributos alt que faltan en la web registrada. Si además activas la automatización independiente en el espacio de trabajo, allí se pueden aplicar sin aprobación individual sugerencias nuevas marcadas expresamente como no revisadas; este ajuste está desactivado por defecto.

La página, el hallazgo y la fuente de la imagen deben coincidir. Los atributos alt existentes se conservan, incluidas las descripciones vacías de imágenes decorativas. Un añadido posterior en el navegador no sustituye la corrección permanente en el CMS y puede funcionar de forma distinta a un texto que ya está en el HTML.

Ver los hallazgos guardados directamente en tu web

Los titulares de la cuenta y los administradores pueden crear en el espacio de trabajo una autorización personal para el asistente de navegador. En la web lo inicias expresamente en el widget, que abre para ello la pestaña «Página». Muestra los hallazgos guardados del último análisis completado para la página actual y resalta los elementos que todavía se encuentran.

La autorización de un solo uso es válida durante diez minutos y solo para el origen registrado exacto, es decir, protocolo, nombre de host y puerto. La sesión posterior dura como máximo 30 minutos y permanece en la memoria de la pestaña abierta. Los hallazgos privados no aparecen en la configuración pública del widget. Puede que los elementos modificados o eliminados ya no se encuentren; inicia un nuevo análisis si hace falta.

Corregir las barreras en su origen

El widget ofrece opciones de visualización personales y no hace accesibles automáticamente todos los contenidos ni todos los procesos. Los formularios con errores, los textos incomprensibles, los documentos inaccesibles y los controles que faltan deben corregirse en el código fuente o en el original. Complementa los análisis automáticos con pruebas manuales de teclado y lector de pantalla.

Insértalo en tu sistema

Para WordPress y WooCommerce hay un plugin. En todos los demás sistemas añades el código de inserción una sola vez en la plantilla común. Elige tu sistema para ver la guía paso a paso correspondiente.

Instalar

Un script. Ayudas de lectura opcionales.

Añade el código antes de la etiqueta body de cierre de tu web. El widget ofrece opciones de visualización personales y no sustituye la corrección de barreras en el código fuente.

HTML · antes de </body>

Preparando el snippet…

Free muestra un enlace visible a Accessonaut; con un plan Standard, Pro o Business activo, la marca del widget desaparece automáticamente. La ayuda de lectura carga la configuración del plan sin cookies. Sus ajustes se quedan en el navegador.

Guía para tu plataforma

Widget de accesibilidad con ayudas de lectura personales