/ Documentación / Wave Access

Wave Access

El manual del plugin de accesibilidad: desde la instalación y la personalización del widget hasta los informes de auditoría, la declaración y las herramientas de IA. Encontrarás todos los ajustes en WordPress, en Ajustes → Accesibilidad.

Instalación

  1. Selecciona el ZIP del plugin en el backend de WordPress, en Plugins → Añadir nuevo → Subir plugin, e instálalo — o sube la carpeta wave-access a /wp-content/plugins/.
  2. Activa el plugin en la lista de plugins. Allí encontrarás también el enlace directo Ajustes.
  3. Listo — el widget de accesibilidad aparece de inmediato abajo a la derecha en tu web. Todas las correcciones básicas (skip links, indicador de foco, landmarks ARIA) están activas de fábrica.
Las actualizaciones llegan directamente por el sistema de actualizaciones de WordPress — las versiones Pro a través del servidor de actualizaciones de Wave Tools; la versión gratuita, hasta su publicación en wordpress.org, la descargas aquí: wave-access.zip.

Activar la licencia Pro

Encontrarás tu clave de licencia en el correo del pedido y en el área de clientes.

  1. Abre Ajustes → Accesibilidad → Licencia.
  2. Introduce la clave (formato WAVE-XXXX-XXXX-XXXX) y haz clic en Activar.
  3. Se muestra el plan (Pro, Pro AI o Agency) y se desbloquean todas las funciones incluidas — una sola clave para todo, también las funciones de IA.

Las licencias Agency se pueden activar en hasta 25 sitios web; la pestaña Licencia y el área de clientes muestran el resumen de los sitios ocupados. Con «Desvincular la licencia de este sitio» liberas de nuevo una plaza — práctico al trasladar proyectos de clientes.

Widget: funciones para visitantes

El widget ofrece a los visitantes diez modos de visualización y cuatro controles deslizantes — todos los ajustes se guardan 30 días en el navegador del visitante (sin rastreo, sin transmisión al servidor):

Modos de visualizaciónInvertir colores · Monocromo · Contraste oscuro · Contraste claro · Saturación baja · Saturación alta · Resaltar enlaces · Resaltar encabezados · Lector de pantalla (lectura por clic/selección) · Modo lectura
ControlesEscalado del contenido · Tamaño de letra · Altura de línea · Espaciado de caracteres (cada uno 80–200 %)
IdiomasLa interfaz sigue el idioma de la web — se incluyen 29 idiomas europeos

En la pestaña Widget puedes desactivar grupos de funciones por separado (p. ej. escala de grises, modos de contraste, controles de texto, subrayado de enlaces) si quieres mantener el panel más ligero.

Botón flotante

Todo en la pestaña Widget → Botón flotante:

PosiciónCuatro esquinas: abajo a la derecha (por defecto), abajo a la izquierda, arriba a la derecha, arriba a la izquierda
Margen8–80 px de distancia al borde de la página
TamañoS (48 px) · M (56 px) · L (64 px)
IconoPersona (por defecto) · Usuario en silla de ruedas · Controles deslizantes — o una imagen propia de la biblioteca de medios (PNG/SVG, se recomienda formato cuadrado)

También puedes desactivar el botón por completo y colocar el panel tú mismo en su lugar — consulta Integración.

Apariencia y tema

Color de acentoDa color al botón, a las casillas activas y a los deslizadores. Con el selector de color (paleta, HEX, RGB) — o como variable CSS, véase más abajo.
Redondeo del panelRadio de las esquinas del panel, 4–40 px
Tema del panelClaro (blanco) · Oscuro (antracita) · Variables propias (acoplamiento al diseño)
MarcaEnlace «powered by Wave Tools» en el pie del panel — desactivable desde Pro, white label desde Agency

Acoplamiento al diseño con variables CSS

Para desarrolladores: en lugar de colores fijos, puedes acoplar el widget a las custom properties CSS de tu tema. Así seguirá automáticamente cualquier cambio de diseño — incluido el modo oscuro.

Color de acento

En el campo de color de acento, en lugar de un valor hex, introduce simplemente la variable:

var(--primary)   o abreviado:   --primary

Fondo del panel y color del texto

Pon el tema del panel en Variables propias e introduce los nombres de variable que define tu tema, p. ej.:

:root { --site-bg: #ffffff; --site-text: #1d1d1f; }
@media (prefers-color-scheme: dark) {
  :root { --site-bg: #1c1b22; --site-text: #f4f4f5; }
}

El widget adopta background: var(--site-bg) y color: var(--site-text) y deriva automáticamente todos los colores secundarios (fondos de las casillas, separadores, bordes) mediante color-mix(). Si la web cambia a oscuro por media query o por clase, el widget la sigue sin configuración adicional.

Los fallbacks están integrados: si una variable no está definida en la página, el widget usa blanco/antracita.

Bloque de Gutenberg

Busca en el editor de bloques «Panel de accesibilidad» (categoría Widgets). El bloque renderiza el mismo panel que el botón flotante — ideal para el footer, popups o una página propia de «Accesibilidad». En la barra lateral del bloque configuras el título, la visibilidad del título y el botón de restablecer.

Shortcode

El panel en cualquier lugar — también en archivos del tema mediante do_shortcode():

[wave_access]

[wave_access title="Ayuda para la navegación" show_title="1" show_reset="0"]
AtributoValoresSignificado
titleTextoTítulo del panel (por defecto: «Accesibilidad»)
show_title1 / 0Mostrar el título
show_reset1 / 0Mostrar el botón de restablecer

Elementor

Si Elementor está activo, el widget «Wave Access – Accesibilidad» aparece automáticamente en el panel de Elementor (categoría General, palabras de búsqueda «accessibility», «accesibilidad»). Colócalo con arrastrar y soltar; el título, la visibilidad del título y el botón de restablecer se configuran directamente en las opciones del widget.

WPBakery

Si WPBakery (Visual Composer) está activo, encontrarás el elemento «Wave Access – Accesibilidad» en el catálogo de elementos, en Contenido — con las mismas tres opciones que el bloque y el shortcode.

Declaración de accesibilidad Pro

La pestaña Declaración genera una declaración de accesibilidad lista según el EAA (BFSG) como página de WordPress:

  1. Introduce la organización, el correo de contacto y, opcionalmente, el teléfono.
  2. Elige el estado de conformidad — parcialmente conforme es el estado habitual y honesto.
  3. Añade las limitaciones conocidas (p. ej. «Los documentos PDF antiguos todavía no son accesibles»).
  4. Elige el idioma — están disponibles los 29 idiomas del plugin (alemán e inglés con revisión editorial; los demás irán llegando).
  5. Crear página — la declaración aparece como página publicada; si haces cambios, guarda de nuevo y la página se actualiza.
Enlaza la declaración en el footer de tu web — es lo que esperan los usuarios y la vigilancia del mercado. La declaración no sustituye el asesoramiento jurídico.

Informe de auditoría y PDF

La pestaña Informe de auditoría reúne tres herramientas:

Funciones de IA Pro AI

Las funciones de IA se ejecutan en los servidores de Wave Tools en Alemania y se desbloquean con tu licencia. Encontrarás las cuotas de cada plan en Planes.

Textos alternativos automáticos

Lectura fácil y lectura en voz alta con IA

Ambas funciones forman parte del plan Pro AI y se desbloquean automáticamente con tu licencia en cuanto están disponibles para tu cuenta — verás el estado en la pestaña IA.

Opciones del backend

Widget del escritorioResumen de estado en el escritorio de WP — desactivable en General → Integración en el backend
Barra de administraciónAcceso rápido «Accesibilidad» en la barra superior — también desactivable
Visualizador de tabulaciónMuestra a los administradores el orden de tabulación con números directamente en el frontend (pestaña Orden de tabulación)
Avisos por correoNotificación opcional cuando se sube una imagen sin texto alternativo

Planes de un vistazo

FreeProPro AIAgency
Widget + correcciones básicas + lista de verificación
Comprobación de textos alternativos50 imágenesilimitada + CSVilimitada + CSVilimitada + CSV
Declaración de accesibilidad + informe PDF
IA: textos alternativos / lectura fácil / lectura en voz alta✓ (compartido)
Sitios web11hasta 25
Marca desactivable / white label✓ / —✓ / —✓ / ✓

Precios y compra: wavetools.io/#pricing · Gestión: área de clientes

Solución de problemas

Los tropiezos más frecuentes y sus soluciones — la mayoría de los problemas se resuelven en pocos minutos.

El widget no aparece en el frontend

Comprueba primero que el plugin está realmente activado en la lista de plugins y que el botón flotante está encendido en la pestaña Widget. Después, la causa suele ser un plugin de caché o un CDN: vacía la caché (p. ej. WP Rocket, LiteSpeed Cache, Cloudflare) y recarga la página en una ventana de incógnito. Los plugins de optimización que difieren (defer) o combinan JavaScript pueden bloquear el script del widget — excluye allí wave-access de la optimización. Comprueba también si hay reglas de exclusión activas (páginas o tipos de contenido concretos).

La clave de licencia no se acepta

La clave tiene el formato WAVE-XXXX-XXXX-XXXX — cuidado con los espacios al principio o al final al copiarla del correo del pedido. Si se ha alcanzado el límite de sitios de tu plan, el servidor rechaza la activación: abre el área de clientes y libera una plaza con «Desvincular la licencia de este sitio». Si la activación falla con un error de conexión, tu servidor no llega a wavetools.io — pide a tu hosting que permita conexiones HTTPS salientes a wavetools.io (cortafuegos, archivo hosts).

Las funciones de IA no devuelven resultados

Causa más frecuente: la cuota mensual está agotada — la pestaña IA muestra el consumo y recibes un correo de aviso al 80 % y al 100 %. Puedes comprar cuota adicional en el área de clientes. Comprueba además si tu plan incluye IA (Pro AI o Agency — véase Planes). Si las peticiones se quedan del todo sin respuesta, puede que tu servidor bloquee las conexiones HTTPS salientes hacia el proxy de Wave Tools — en caso de duda, pregunta a tu hosting.

La lectura en voz alta usa la voz del sistema en lugar de la voz de IA

La voz de IA requiere una licencia Pro AI (o Agency) activa y cuota disponible — si falta una de las dos cosas, el widget recurre automáticamente a la voz del sistema del navegador. Comprueba la licencia y el consumo en la pestaña IA. La primera lectura de una página tarda además un momento: el audio se genera en el servidor y luego se guarda en caché — a partir de la segunda reproducción arranca al instante.

El widget no encaja visualmente con el tema

La posición, el tamaño, el color de acento y el tema del panel se configuran en Ajustes → Accesibilidad → Widget. Si quieres que el widget siga automáticamente los colores de tu tema — incluido el modo oscuro —, acóplalo a tu diseño con variables CSS: consulta Acoplamiento al diseño. Así se mantiene coherente incluso tras un cambio de tema, sin retocar colores a mano.

El diseño se rompe con plugins de optimización/minificación

Algunos plugins de optimización (Autoptimize, WP Rocket, SiteGround Optimizer y otros) combinan o minifican el CSS y el JavaScript de forma tan agresiva que los estilos o scripts del widget se rompen. Excluye allí los archivos del plugin (la ruta contiene wave-access) de la minificación/combinación, vacía después la caché y comprueba la página en una ventana de incógnito. Los recursos del widget ya vienen ligeros y optimizados — una minificación adicional no aporta prácticamente nada.

El escaneo externo indica «cuota alcanzada» o un error

El escaneo tiene límites mensuales por plan: Free 2, Pro 20, Agency 100 escaneos — el contador se reinicia con el cambio de mes. Además, el escáner solo puede analizar páginas accesibles públicamente: el modo mantenimiento, la protección con contraseña basic-auth o un entorno de desarrollo local impiden el acceso y provocan un error. Desactiva la protección un momento o escanea la web en producción.

No se muestra una actualización disponible

WordPress solo comprueba las actualizaciones aproximadamente cada doce horas. Lanza la comprobación manualmente: Escritorio → Actualizaciones → «Comprobar de nuevo» — esto vacía el transient de actualizaciones. Si la actualización Pro sigue sin aparecer, revisa tu licencia: si ha caducado, el servidor de actualizaciones solo entrega actualizaciones de la versión gratuita; tras renovarla en el área de clientes, las actualizaciones Pro vuelven a estar disponibles de inmediato.

¿Tu problema no está en la lista? Escríbenos — todos los detalles en Soporte. La licencia, las facturas y las cuotas las gestionas en el área de clientes.

Soporte

¿Preguntas, errores, sugerencias? Escribe a support@wavetools.io — a los clientes Pro les respondemos con prioridad. Nos ayuda conocer tu versión de WordPress y del plugin (véase la lista de plugins) y una breve descripción de lo que esperabas y lo que viste en su lugar.