Barra de herramientas de accesibilidad

Los visitantes adaptan tu web a sus necesidades

Tamaño de texto, contraste, colores, modo lectura, lectura en voz alta, enfoque, movimiento e imágenes: ocho herramientas en un diálogo sereno, directamente en tu página.

Un botón flotante abre la barra de herramientas de EZZE WCAG Pro. Cada ajuste es reversible, se queda en el navegador del visitante y no modifica ni tu código fuente ni tu base de datos. Incluida en todos los planes.

  • Ocho herramientas para visitantes, activables por separado
  • Manejo por teclado, objetivos de 44 px, bottom sheet en el móvil
  • Las preferencias se quedan en local: sin nube, sin rastreo

Las herramientas para visitantes

Ocho herramientas, un diálogo

La vista general muestra todas las herramientas activadas como tarjetas. Las funciones con varias opciones abren una vista de detalle en el mismo diálogo, nunca un diálogo dentro de otro. Cada estado activo se comunica con texto y símbolo, nunca solo con color.

  • Tamaño de texto

    Menos y más cambian entre 100, 110, 125, 150 y 200 %. Tamaños de texto y alturas de línea reales, sin zoom óptico: el contenido se reorganiza con limpieza.

  • Contraste

    Estándar, Alto · Claro, Alto · Oscuro o Sistema. Colores semánticos para texto, enlaces, formularios y foco, sin invertir la página.

  • Colores

    Original, Atenuado, Escala de grises o colores propios de texto y fondo con valoración del contraste. Subrayar enlaces, resaltar controles.

  • Modo lectura

    Contenido principal a pantalla completa: fuente sin o con serifa, longitud de línea, interlineado y fondo claro, cálido u oscuro.

  • Leer en voz alta

    Contenido principal, sección actual o texto seleccionado con la voz del navegador. Velocidad, voz y un reproductor que sigue visible al cerrar la barra.

  • Enfoque

    Anillo de foco de alto contraste, marca amarilla adicional, línea de lectura y máscara de lectura, sin alterar el orden del foco.

  • Movimiento

    Un interruptor suprime animaciones, transiciones, parallax y desplazamiento suave. Los indicadores de progreso y estado se mantienen.

  • Imágenes

    Ocultar imágenes con las excepciones y el color de sustitución definidos por el administrador, separado de los modos de color.

Así funciona

En tu web en pocos minutos

Sin scripts de terceros, sin servicio de overlay: la barra forma parte del plugin y se entrega con tus ajustes.

  1. Paso 1: Activar la barra

    En los ajustes del plugin activas la barra de forma global y controlas por separado la visualización en escritorio y móvil, incluido el punto de ruptura móvil.

  2. Paso 2: Elegir las herramientas

    Cada herramienta para visitantes se activa o desactiva por separado, agrupada en herramientas básicas, lectura y enfoque, y herramientas adicionales.

  3. Paso 3: Diseñar y probar

    Ajusta botón, panel y esquema de color (desde Basic). Con «Probar la barra de herramientas» pruebas la barra real en una página de ejemplo.

  4. Paso 4: Los visitantes usan la barra

    El botón flotante abre exactamente un diálogo. Todas las preferencias son reversibles y se quedan en el navegador del visitante.

Perfiles y guardado

Ajustar una vez, reencontrar en la próxima visita

El botón «Perfil» en la cabecera de la barra abre perfiles de apoyo listos para usar y la gestión de perfiles propios. Solo se aplican las herramientas que has activado para la web.

  • Cuatro perfiles de apoyo

    Apoyo visual, Apoyo de lectura, Teclado y enfoque y Vista sin estímulos combinan varias herramientas con un clic, como punto de partida, no como diagnóstico.

  • Sesión, dispositivo o nombre propio

    Las preferencias valen solo para esta sesión o se recuerdan en el dispositivo. Se pueden guardar, cargar, renombrar y borrar hasta diez perfiles con nombre.

  • Restablecer todo con Deshacer

    Un clic restaura todos los valores por defecto y detiene la lectura en voz alta y el modo lectura. «Deshacer» está disponible durante doce segundos.

Modo lectura y lectura en voz alta

Leer y escuchar sin salir de la página

Ambas herramientas trabajan con el contenido real de tu página: el modo lectura prefiere el elemento main y la lectura en voz alta construye con él una cola de títulos, párrafos, listas y tablas, cada uno en el idioma de su sección.

  • Modo lectura sin distracciones

    El lector toma el contenido principal (títulos, párrafos, listas, citas, tablas y alternativas de imagen) y deja fuera navegación, barras laterales, publicidad y avisos de cookies.

  • La lectura nunca empieza sola

    Solo «Empezar a leer» genera voz. El reproductor muestra el progreso y el texto actual, resalta el párrafo en la página y sigue operable al cerrar la barra.

  • Sin nube, ningún texto en tránsito

    La lectura en voz alta usa el servicio de voz del navegador o del sistema operativo. EZZE WCAG Pro no envía ni la solicitud ni el texto de la página a un endpoint propio.

Ajustes para administradores

Tú decides lo que ven los visitantes

Los ajustes de la barra determinan qué herramientas aparecen y cómo se ven botón y panel. Los colores de la barra abierta tienen el contraste comprobado en ambos esquemas: las preferencias de los visitantes nunca recoloran la propia barra.

  • Disponibilidad en todos los planes

    Activar la barra de forma global, escritorio y móvil por separado, punto de ruptura móvil, cada herramienta individualmente, máscara de lectura separada de la línea de lectura, pie con enlace a la declaración de accesibilidad.

  • Personalización visual desde Basic

    Posición, desplazamiento, forma, radio, sombra y colores del botón; posición, título, botón de cierre y overlay del panel; esquema claro u oscuro fijo, radio y tipografía.

  • Tooltip de puntuación desde Plus

    Al pasar el ratón por el botón cerrado aparece la puntuación guardada del test de accesibilidad. Con la barra abierta permanece oculto.

Con honestidad

Lo que hace la barra de herramientas y lo que no sustituye

La barra añade preferencias personales a una buena implementación. No es un overlay que prometa accesibilidad y no hace que una web cumpla automáticamente las WCAG.

Lo que hace la barra

  • Preferencias personales de tamaño de texto, contraste, colores, enfoque, movimiento y lectura
  • Modo lectura y lectura en voz alta a partir del contenido real de la página, sin nube
  • Ayuda de teclado con los controles y atajos que existen de verdad

Lo que no sustituye

  • HTML semántico, etiquetas y acceso por teclado en el código fuente
  • Textos alternativos, subtítulos y correcciones en el tema o los contenidos
  • El test de accesibilidad: encuentra lo que los visitantes no pueden arreglar por sí mismos

Consejo

Comprueba la barra configurada en escritorio, a 390 px y 320 px y con un zoom del 200 %, y deja que el test de accesibilidad encuentre las barreras reales en el código fuente.

Planes

La barra de herramientas en todos los planes

Todas las herramientas para visitantes forman parte del plugin. Lo que crece con el plan son las opciones de diseño y el tooltip de puntuación.

Función
Sin tarjeta de crédito Free 0 $
Basic 95,59 $ / añoIVA del 21 % incl.
Recomendado Plus 180,29 $ / añoIVA del 21 % incl.
Premium 361,79 $ / añoIVA del 21 % incl.
Agency 1.087,79 $ / añoIVA del 21 % incl.
Barra con todas las herramientas para visitantes
Sí
Sí
Sí
Sí
Sí
Visualización en escritorio y móvil
Sí
Sí
Sí
Sí
Sí
Perfiles y guardado en el navegador
Sí
Sí
Sí
Sí
Sí
Pie de página
Sí
Sí
Sí
Sí
Sí
Personalización visual
–
Sí
Sí
Sí
Sí
Tooltip de puntuación
–
–
Sí
Sí
Sí
El plan mostrado en el checkout de Freemius determina tu licencia activa. La barra de herramientas no consume cupo; la lectura en voz alta usa el servicio de voz del navegador.

Free

Sin tarjeta de crédito

0 $

Gratis para siempre

  • Barra con todas las herramientas para visitantes
  • Visualización en escritorio y móvil
  • Perfiles y guardado en el navegador
  • Pie de página
  • Sin personalización visual
  • Sin tooltip de puntuación
Empezar gratis

Basic

Un buen comienzo

95,59 $ / año

equivale a 7,97 $ / mes

79,00 $ sin IVA + 16,59 $ IVA (21 %)

  • Barra con todas las herramientas para visitantes
  • Visualización en escritorio y móvil
  • Perfiles y guardado en el navegador
  • Pie de página
  • Personalización visual
  • Sin tooltip de puntuación
Elegir Basic

Premium

Para webs grandes

361,79 $ / año

equivale a 30,15 $ / mes

299,00 $ sin IVA + 62,79 $ IVA (21 %)

  • Barra con todas las herramientas para visitantes
  • Visualización en escritorio y móvil
  • Perfiles y guardado en el navegador
  • Pie de página
  • Personalización visual
  • Tooltip de puntuación
Elegir Premium

Agency

Para varias webs

1.087,79 $ / año

equivale a 90,65 $ / mes

899,00 $ sin IVA + 188,79 $ IVA (21 %)

  • Barra con todas las herramientas para visitantes
  • Visualización en escritorio y móvil
  • Perfiles y guardado en el navegador
  • Pie de página
  • Personalización visual
  • Tooltip de puntuación
Elegir Agency
El plan mostrado en el checkout de Freemius determina tu licencia activa. La barra de herramientas no consume cupo; la lectura en voz alta usa el servicio de voz del navegador.

Ver todas las funciones

Conviene saberlo

¿Preguntas sobre la barra de herramientas?

Planes, conformidad WCAG, guardado, lectura en voz alta, colores y el botón de la barra.

1. ¿En qué planes está disponible la barra de herramientas?

La barra con todas las herramientas para visitantes forma parte del plugin y está incluida en todos los planes, también en el plan Free. Desde Basic se añade la personalización visual de botón, panel y esquema de color; desde Plus, el tooltip de puntuación en el botón.

2. ¿La barra de herramientas hace que mi web cumpla las WCAG?

No. La barra ofrece a los visitantes preferencias personales de tamaño de texto, contraste, colores, enfoque, movimiento y lectura. No repara semántica, etiquetas, textos alternativos o manejo por teclado que falten en el código fuente. Para eso está el test de accesibilidad.

3. ¿Dónde se guardan las preferencias de los visitantes?

Exclusivamente en el navegador del visitante: «Solo esta sesión» usa sessionStorage, «Recordar en el equipo» usa localStorage. Los perfiles con nombre nunca salen del navegador. No se transmiten datos de visitantes a EZZE ni a tu base de datos de WordPress.

4. ¿La lectura en voz alta envía texto de la página a un servicio en la nube?

No. La lectura en voz alta usa el servicio de voz del navegador o del sistema operativo. EZZE WCAG Pro no envía ni la solicitud de lectura ni el texto de la página a un endpoint propio. Según la voz elegida, el proveedor del navegador puede generar la voz en línea. Si el navegador no ofrece síntesis de voz, la barra muestra «No disponible».

5. ¿La barra cambia los colores de su propia interfaz?

No. Los modos de contraste y color solo actúan sobre el contenido de la página; la barra abierta conserva su esquema claro u oscuro con contraste comprobado. Las imágenes y los vídeos solo se filtran con la opción «Incluir medios», desactivada por defecto.

6. ¿Pueden los visitantes ocultar el botón de la barra?

Sí. «Ocultar botón de la barra» esconde el botón durante 24 horas, 7 días o hasta restaurarlo manualmente. Quienes usan teclado lo recuperan con Alt + Mayús + A o mediante el control de restauración enfocable.

Empieza ahora

¿Listo para dejar elegir a tus visitantes?

Instala EZZE WCAG Pro, activa la barra de herramientas y pruébala directamente en los ajustes con una página de ejemplo.

Barra de herramientas de accesibilidad para WordPress: preferencias en lugar de overlay

Muchas personas leen mejor con un texto más grande, más contraste, colores suaves o sin animaciones. La barra de herramientas de accesibilidad de EZZE WCAG Pro da esa opción a los visitantes directamente en tu web WordPress: un botón flotante abre un diálogo con tamaño de texto, contraste, colores, modo lectura, lectura en voz alta, enfoque, movimiento e imágenes. Todos los ajustes son reversibles y se quedan en el navegador del visitante.

A diferencia de los servicios de overlay, la barra no carga ningún script ajeno ni promete conformidad. Cambia tamaños de texto reales en lugar de hacer zoom, usa colores semánticos en lugar de invertir la página y su ayuda de teclado solo explica controles que existen de verdad. Cada control mide al menos 44 × 44 píxeles; en el móvil la barra se abre como bottom sheet.

Controlada por los administradores, incluida en todos los planes

Tú decides qué herramientas aparecen, dónde se sitúa el botón y si el pie enlaza a tu declaración de accesibilidad. Desde Basic ajustas forma, colores y esquema de color; desde Plus el botón muestra la puntuación guardada de tu test de accesibilidad. La lectura en voz alta usa el servicio de voz del navegador: EZZE WCAG Pro no envía texto de la página a servidores propios.

La barra complementa el test de accesibilidad y el inspector de accesibilidad: no prueba ni repara, sino que deja que los visitantes usen tu web, ya accesible, como mejor les convenga.

Vista de lectura enfocada

Modo de lectura