Inicio Rapido
aGo Access agrega una barra de accesibilidad completa a tu sitio WordPress. Ayuda a visitantes con discapacidades visuales, motoras y cognitivas a navegar tu contenido comodamente — mientras tambien aplica correcciones automaticas para mejorar el cumplimiento WCAG de tu sitio en segundo plano.
100% Gratuito. aGo Access no tiene version premium, funciones bloqueadas ni limitaciones. Todas las 11 herramientas de la barra, las 7 correcciones automaticas y el scanner de accesibilidad estan disponibles para todos.
Instalacion
- Sube
ago-access.zip desde Plugins → Add New → Upload Plugin - Activa el plugin
- La barra de accesibilidad aparece automaticamente en el frontend de tu sitio — no se requiere configuracion
Cero configuracion necesaria. La barra funciona inmediatamente despues de la activacion con valores predeterminados sensatos. Puedes personalizar posicion, forma, icono y colores desde Settings → aGo Access cuando quieras.
Que Pasa al Activar
- Un boton flotante de accesibilidad aparece en el frontend (abajo a la derecha por defecto)
- Al hacer clic abre la barra con 11 herramientas de accesibilidad
- 7 correcciones automaticas se aplican silenciosamente en cada carga de pagina (alt text faltante, etiquetas ARIA, atributo lang, etc.)
- Un scanner de accesibilidad esta disponible en wp-admin bajo Settings → aGo Access
Requisitos
| Requisito | Minimo |
|---|
| WordPress | 5.8 o superior |
| PHP | 7.4 o superior |
| Navegador | Cualquier navegador moderno (Chrome, Firefox, Safari, Edge) |
| Claves de API | Ninguna — todo se ejecuta del lado del cliente |
Herramientas de la Barra
La barra de accesibilidad provee 11 herramientas que los visitantes pueden activar y desactivar. Cada herramienta aborda necesidades especificas para personas con discapacidades visuales, motoras o cognitivas.
| Herramienta | Descripcion | Ayuda Con |
|---|
| Aumentar Fuente | Agranda todo el texto de la pagina incrementalmente. Se puede hacer clic multiples veces. | Visual — Baja vision, presbicia |
| Reducir Fuente | Reduce el tamano del texto hacia el predeterminado. | Visual — Ajuste fino del tamano preferido |
| Alto Contraste | Cambia la pagina a un esquema de colores de alto contraste (fondo oscuro, texto claro). | Visual — Baja vision, sensibilidad al brillo |
| Contraste Negativo | Invierte todos los colores de la pagina, creando un efecto de imagen negativa. | Visual — Fotofobia, sensibilidad a la luz |
| Fuente Legible | Reemplaza todas las fuentes del sitio con una tipografia sans-serif altamente legible. | Cognitivo y Visual — Dislexia, dificultades de lectura |
| Resaltar Enlaces | Agrega subrayado visible y color distinto a todos los enlaces. | Visual y Cognitivo — Identificacion de enlaces |
| Espaciado de Texto | Aumenta espaciado de letras, palabras y altura de linea. | Cognitivo y Visual — Dislexia, dificultad de seguimiento |
| Pausar Animaciones | Detiene todas las animaciones CSS, transiciones y reproduccion de GIFs. | Cognitivo y Motor — Trastornos vestibulares, riesgo de convulsiones |
| Cursor Grande | Agranda el cursor del mouse para mayor visibilidad. | Visual y Motor — Baja vision, temblores |
| Guia de Lectura | Muestra una barra horizontal que sigue al cursor del mouse. | Cognitivo y Visual — Dislexia, TDAH, dificultad de seguimiento de lineas |
| Leer en Voz Alta | Lee texto seleccionado en voz alta usando el motor de texto-a-voz del navegador. | Visual y Cognitivo — Ceguera, baja vision, dificultades de aprendizaje |
Todas las herramientas son conmutables. Los visitantes pueden combinar multiples herramientas a la vez — por ejemplo, Alto Contraste + Fuente Legible + Espaciado de Texto para maxima legibilidad.
Personalizacion
Puedes personalizar la apariencia de la barra desde Settings → aGo Access en wp-admin. Todas las opciones son visuales — no se requiere codigo.
Posicion (6 opciones)
| Posicion | Descripcion |
|---|
bottom-right | Boton flotante en la esquina inferior derecha. Predeterminado. Mejor para la mayoria de sitios. |
bottom-left | Boton flotante en la esquina inferior izquierda. Usar si tienes un widget de chat a la derecha. |
middle-right | Boton flotante centrado verticalmente en el borde derecho. |
middle-left | Boton flotante centrado verticalmente en el borde izquierdo. |
top-right | Boton flotante cerca de la esquina superior derecha. |
top-left | Boton flotante cerca de la esquina superior izquierda. |
Forma del Boton (2 opciones)
| Forma | Descripcion |
|---|
circle | Boton flotante redondo. Predeterminado. Look limpio y moderno. |
rounded | Rectangulo redondeado (forma de pastilla). Mas facil de hacer clic para usuarios con impedimentos motores. |
Icono del Boton (4 opciones)
| Icono | Descripcion |
|---|
accessibility | Simbolo universal de accesibilidad. Predeterminado. Reconocido internacionalmente. |
wheelchair | Simbolo clasico de silla de ruedas (Simbolo Internacional de Acceso). |
eye | Icono de ojo representando accesibilidad visual. |
universal | Figura humana representando diseno universal / diseno para todos. |
Selector de Color
Elige cualquier color para el boton flotante usando el selector de color integrado de WordPress. El color se aplica al fondo del boton flotante, el encabezado de la barra e indicadores de toggle activos. El icono dentro del boton siempre es blanco.
Tip: Si tu sitio ya usa un tema azul, considera un color contrastante como verde o morado para el boton de accesibilidad para que destaque claramente.
Correcciones Automaticas
aGo Access aplica silenciosamente 7 correcciones automaticas en cada carga de pagina. Estas se ejecutan en segundo plano sin interaccion del usuario y mejoran el cumplimiento base de WCAG de tu sitio.
| Correccion | Que Hace | Criterio WCAG |
|---|
| Alt Text Faltante | Detecta imagenes sin atributos alt y agrega alt text generado basado en el nombre de archivo o contexto. | 1.1.1 Contenido No Textual (Nivel A) |
| Etiquetas ARIA para Navegacion | Agrega atributos aria-label a elementos <nav> y regiones landmark que les faltan. | 1.3.1 Info y Relaciones (Nivel A) |
| Atributo de Idioma | Asegura que el elemento <html> tenga un atributo lang valido. | 3.1.1 Idioma de la Pagina (Nivel A) |
| Enlace Saltar al Contenido | Inyecta un enlace "Saltar al contenido" visualmente oculto que se hace visible al recibir foco. | 2.4.1 Evitar Bloques (Nivel A) |
| Estilos de Foco | Agrega reglas CSS para asegurar que todos los elementos interactivos muestren un contorno de foco visible. | 2.4.7 Foco Visible (Nivel AA) |
| Etiquetas de Enlaces y Botones Vacios | Encuentra enlaces y botones sin contenido de texto y agrega atributos aria-label. | 1.1.1 / 2.4.4 Proposito del Enlace (Nivel A) |
| Asociacion de Etiquetas de Formulario | Detecta inputs de formulario sin elementos <label> asociados y los conecta. | 1.3.1 / 3.3.2 Etiquetas o Instrucciones (Nivel A) |
No destructivo. Todas las correcciones automaticas se aplican via JavaScript en tiempo de ejecucion. No modifican tu base de datos, templates ni codigo fuente. Desactivar el plugin elimina todas las correcciones instantaneamente.
Scanner de Accesibilidad
El scanner de accesibilidad integrado analiza tu pagina de inicio y reporta problemas organizados por severidad. Accede desde Settings → aGo Access → Run Scanner.
Como Funciona
- Haz clic en Run Accessibility Scan en la pagina de configuracion del admin
- El scanner obtiene el HTML de tu pagina de inicio y lo analiza contra 9 verificaciones
- Los resultados aparecen inmediatamente con un puntaje, lista de problemas y recomendaciones
- Cada problema incluye el elemento HTML involucrado y una correccion sugerida
Que Verifica (9 Verificaciones)
| # | Verificacion | Que Busca |
|---|
| 1 | Imagenes sin alt text | Todas las etiquetas <img> deben tener atributo alt |
| 2 | Idioma del documento faltante | La etiqueta <html> debe tener atributo lang |
| 3 | Enlaces vacios | Los enlaces deben tener contenido de texto discernible |
| 4 | Botones vacios | Los botones deben tener contenido de texto discernible |
| 5 | Etiquetas de formulario faltantes | Los inputs deben tener etiquetas asociadas |
| 6 | Jerarquia de encabezados | Los encabezados deben seguir un orden logico |
| 7 | Contraste de color | Los elementos de texto deben tener ratio de contraste suficiente |
| 8 | Validez de atributos ARIA | Roles y atributos ARIA deben ser validos |
| 9 | Navegacion por teclado | Elementos interactivos deben ser enfocables y tener indicadores de foco |
Interpretacion del Puntaje
| Rango | Calificacion | Significado |
|---|
| 80 - 100 | Bueno | Tu sitio cumple la mayoria de estandares de accesibilidad. Aborda los problemas restantes para cumplimiento completo. |
| 50 - 79 | Necesita Trabajo | Varios problemas de accesibilidad detectados. Usuarios con discapacidades pueden encontrar barreras. |
| 0 - 49 | Critico | Barreras de accesibilidad significativas presentes. Se requiere accion inmediata. |
Importante: El scanner verifica solo tu pagina de inicio. Diferentes paginas pueden tener diferentes problemas. Para una auditoria completa del sitio, considera probar tus paginas mas importantes individualmente con herramientas como
WAVE o
axe DevTools.
Como Funcionan las Preferencias
Cuando un visitante activa cualquier herramienta de la barra, su preferencia se guarda automaticamente para que persista entre paginas y visitas futuras.
Mecanismo de Almacenamiento
- Todas las preferencias se almacenan en el
localStorage del navegador - Sin cookies, sin almacenamiento del lado del servidor, sin cuentas requeridas
- El estado on/off de cada herramienta se guarda independientemente
- El nivel de tamano de fuente tambien se guarda
Comportamiento de Persistencia
| Accion | Que Pasa |
|---|
| Visitante activa Alto Contraste | Se guarda inmediatamente. Cada pagina del sitio carga en modo alto contraste. |
| Visitante cierra el navegador y regresa | Todas las preferencias se restauran automaticamente al cargar la pagina. |
| Visitante usa un navegador o dispositivo diferente | Las preferencias no se comparten — localStorage es por navegador. |
| Visitante hace clic en el boton Reset | Todas las preferencias se limpian. La pagina vuelve a su estado original. |
| Visitante limpia datos del navegador | Las preferencias se pierden — el sitio carga en estado predeterminado. |
Amigable con la privacidad. No se envia ningun dato a ningun servidor. Todas las preferencias viven enteramente en el navegador del visitante. No hay rastreo, no hay analiticas, no hay recopilacion de datos personales.
Text-to-Speech
La herramienta Leer en Voz Alta usa la Web Speech API integrada del navegador para convertir texto a voz. Se ejecuta enteramente en el navegador — sin servicios externos, sin claves de API, sin costo.
Como Usar
- Selecciona texto en la pagina haciendo clic y arrastrando con el mouse, o usando Shift + teclas de flecha
- Abre la barra de accesibilidad
- Haz clic en el boton Leer en Voz Alta
- El navegador lee el texto seleccionado en voz alta
- Haz clic en el boton de nuevo para detener la reproduccion
Deteccion de Idioma
El motor de voz usa automaticamente el idioma definido en el atributo lang de la pagina. Si tu sitio esta en espanol, el texto se lee con una voz en espanol.
Soporte de Navegadores
| Navegador | Soporte | Notas |
|---|
| Chrome | Completo | Mejor calidad de voz. Multiples voces por idioma. |
| Firefox | Completo | Buen soporte. Menos opciones de voz que Chrome. |
| Safari | Completo | Excelentes voces en macOS/iOS. Usa voces del sistema. |
| Edge | Completo | Mismo motor que Chrome. Soporte completo. |
| Navegadores moviles | Variable | La mayoria de navegadores moviles modernos soportan Web Speech API. |
Sin costo, nunca. A diferencia de servicios TTS en la nube (Google Cloud TTS, Amazon Polly, etc.), la Web Speech API es una funcion integrada del navegador. No hay llamadas de API, no hay limites de uso y no hay cargos.
Referencia WCAG 2.2
aGo Access ayuda a tu sitio a cumplir varios criterios de las Pautas de Accesibilidad para el Contenido Web (WCAG) 2.2. A continuacion un resumen de que criterios aborda el plugin y como.
| Criterio | Nivel | Nombre | Como Ayuda aGo Access |
|---|
1.1.1 | A | Contenido No Textual | Correccion automatica agrega atributos alt faltantes. Tambien corrige enlaces y botones vacios. |
1.3.1 | A | Info y Relaciones | Correccion automatica agrega etiquetas ARIA a landmarks de navegacion y asocia inputs con etiquetas. |
1.4.3 | AA | Contraste (Minimo) | Herramientas de Alto Contraste y Contraste Negativo proveen esquemas de color alternativos. El scanner verifica ratios. |
1.4.4 | AA | Redimensionar Texto | Herramientas de aumento/reduccion de fuente permiten escalar texto hasta 200%. |
1.4.12 | AA | Espaciado de Texto | Herramienta de Espaciado de Texto aumenta altura de linea, espaciado de letras y palabras. |
2.1.1 | A | Teclado | La barra misma es completamente accesible por teclado. El scanner verifica elementos interactivos. |
2.4.1 | A | Evitar Bloques | Correccion automatica inyecta enlace "Saltar al contenido". Etiquetas ARIA en navegacion. |
2.4.7 | AA | Foco Visible | Correccion automatica asegura contornos de foco visibles en todos los elementos interactivos. |
2.3.1 | A | Tres Destellos | Herramienta Pausar Animaciones detiene todas las animaciones CSS, transiciones y GIFs. |
3.1.1 | A | Idioma de Pagina | Correccion automatica asegura atributo lang valido en el elemento <html>. |
Nota: aGo Access ayuda con estos criterios pero no garantiza cumplimiento total de WCAG 2.2 por si solo. El cumplimiento completo depende de tu tema, contenido y otros plugins. Usa el scanner integrado y herramientas externas para una auditoria completa.
Preguntas Frecuentes
aGo Access ralentiza mi sitio?
No. El plugin carga un unico archivo JavaScript liviano y un pequeno archivo CSS. Las correcciones automaticas se ejecutan una vez al cargar la pagina y agregan un overhead negligible (menos de 50ms en la mayoria de sitios). No hay llamadas de API externas ni scripts de terceros.
Funciona con page builders como Elementor, Bricks o Divi?
Si. aGo Access funciona a nivel de HTML/CSS en el navegador, asi que es compatible con cualquier tema o page builder de WordPress. Las herramientas de la barra se aplican a la pagina renderizada sin importar como fue construida.
Hay una version premium?
No. aGo Access es 100% gratuito sin limitaciones, sin tier premium y sin funciones bloqueadas. Todas las 11 herramientas de la barra, las 7 correcciones automaticas y el scanner de accesibilidad estan disponibles para todos.
Hace que mi sitio cumpla totalmente con WCAG?
Mejora significativamente el cumplimiento corrigiendo problemas comunes automaticamente y dando a los visitantes herramientas para adaptar la pagina a sus necesidades. Sin embargo, el cumplimiento total de WCAG 2.2 depende de tu contenido, tema, medios y estructura general del sitio.
La barra recopila datos de usuario?
No. Todas las preferencias del visitante se almacenan en el localStorage de su navegador. No se envian datos a ningun servidor. No se establecen cookies. No hay analiticas ni rastreo de ningun tipo. El plugin es totalmente compatible con GDPR con cero recopilacion de datos.
Puedo ocultar herramientas especificas de la barra?
La version actual (1.0) muestra las 11 herramientas. Una actualizacion futura podria permitir activar y desactivar herramientas individuales desde la configuracion del admin.
El Text-to-Speech funciona en movil?
Si, en la mayoria de navegadores moviles modernos. La Web Speech API es soportada en Chrome para Android, Safari en iOS y Edge para Android. Algunos navegadores moviles pueden requerir que el usuario toque un boton antes de que la voz pueda comenzar.
Genera conflictos con otros plugins de accesibilidad?
aGo Access esta disenado para ser no destructivo — agrega atributos y estilos solo cuando estan faltando. Si otro plugin o tu tema ya provee un alt text, etiqueta ARIA o enlace de salto, aGo Access no lo sobreescribira. Sin embargo, no se recomienda ejecutar dos barras de accesibilidad simultaneamente.
Puedo cambiar el idioma de la interfaz de la barra?
Las etiquetas de la barra son traducibles via internacionalizacion estandar de WordPress (i18n). El plugin incluye un archivo .pot que puedes traducir usando Loco Translate o cualquier plugin de traduccion compatible.
Como reporto un bug o solicito una funcion?
Contactanos en ago.cl/contacto o escribe a [email protected]. Damos la bienvenida a comentarios y solicitudes de funciones.
