Accesibilidad

Última actualización:

Queremos que cualquier persona pueda usar este sitio, sin importar cómo navegue.

Esta declaración es específica a propósito: en vez de afirmar que el sitio “es accesible”, preferimos decirte qué se hizo, qué sabemos que falta y cómo avisarnos si encuentras una barrera.

Qué hicimos

  • El primer elemento al presionar Tab es un enlace “Saltar al contenido”, para no recorrer el menú completo en cada página.
  • Todo elemento interactivo tiene un indicador de foco visible de alto contraste. No lo eliminamos por razones estéticas.
  • Los menús desplegables se abren al enfocarlos con el teclado y se cierran con la tecla Escape, devolviendo el foco a donde estaba.
  • El menú móvil también responde a Escape.
  • El diagrama del TrueSource™ Ecosystem no usa tooltips: cada elemento es un botón que abre su explicación, y las pestañas de los dos flujos se cambian con las flechas del teclado. Nada depende de pasar el cursor, y sin JavaScript se ven todas las explicaciones seguidas.
  • El diagrama abre en un diálogo nativo desde el home: Escape lo cierra y el foco regresa al enlace que lo abrió.

Facilidad de apuntado

Los submenús tienen un retardo antes de cerrarse. Puede sonar a detalle menor, pero un menú que se cierra en cuanto el cursor se desvía un pixel es inutilizable para quien tiene temblor, usa el mouse con precisión limitada o navega desde un trackpad incómodo.

Movimiento

Si tu sistema operativo tiene activada la preferencia de movimiento reducido, el sitio desactiva las animaciones y transiciones. El texto que rota en la portada se queda fijo en su primera palabra, sin perder sentido.

Estructura y lectura

  • Cada página tiene un solo encabezado principal y una jerarquía de títulos coherente, para que un lector de pantalla pueda recorrerla por secciones.
  • La página actual se marca en el menú de forma programática, no solo con color.
  • Los tamaños de texto son relativos: si aumentas el tamaño de letra o el zoom del navegador, el diseño se adapta sin romperse ni recortar contenido.
  • Ninguna página requiere desplazamiento horizontal, en ningún tamaño de pantalla.

Imágenes

  • Las fotos de ambiente van marcadas como decorativas, para que un lector de pantalla las brinque en vez de anunciar un archivo sin sentido.
  • Las portadas del blog, de los casos de éxito y de los programas de Academy llevan una descripción de lo que muestran.
  • Ninguna imagen del sitio lleva texto embebido: todo el texto es texto.

Formularios

  • Todos los campos tienen su etiqueta asociada. No usamos el texto de ejemplo dentro del campo como si fuera etiqueta.
  • Los campos opcionales están marcados como tales.
  • Los mensajes de confirmación y de error se anuncian a los lectores de pantalla.

Rendimiento

Las tipografías se sirven desde nuestro propio servidor y los espacios de contenido que carga después están reservados desde el inicio, así que la página no salta ni recoloca elementos mientras termina de cargar. Esto importa especialmente si estás apuntando a un enlace o leyendo con lupa.

Qué sabemos que falta

Preferimos decirlo a que lo descubras tú:

  • No hemos hecho una auditoría formal contra las Pautas de Accesibilidad para el Contenido Web (WCAG) por parte de un tercero especializado.

  • No hemos probado el sitio con usuarios reales de lectores de pantalla. Las decisiones que tomamos siguen buenas prácticas, pero no sustituyen esa prueba.

  • El contraste de color no ha sido medido formalmente en todos los componentes.

  • El calendario de la página de contacto es nuestra propia aplicación incrustada, así que su accesibilidad sí está bajo nuestro control. Hasta el 8 de octubre de 2026 era de un tercero y aquí decía que no dependía de nosotros.

    Lo revisamos el 8 de octubre de 2026 contra nuestros propios criterios, y volvimos a revisarlo después de una primera tanda de correcciones. Sale bien en lo que suele fallar: el contraste cumple, el foco del teclado siempre se ve, todo se puede operar sin ratón y sin quedar atrapado, y los botones de icono tienen nombre para lectores de pantalla.

    Ya se corrigió: el campo del teléfono tiene su etiqueta visible, las casillas y las flechas del calendario crecieron, la línea donde aceptas el aviso de privacidad subió de tamaño, y el calendario ya no provoca desplazamiento horizontal en pantallas angostas.

    Lo que sigue pendiente:

    • Casi todo el texto está en 14px, y los días de la semana y la nota de zona horaria en 12px, por debajo de los 16px que nos exigimos.
    • Varios controles siguen siendo más chicos que los 44×44 píxeles que pedimos para tocar con el dedo: las flechas para cambiar de mes, el botón de regresar, las casillas y los campos de texto. Crecieron, pero no lo suficiente.
    • En el paso donde capturas tus datos, a 320 píxeles de ancho todavía aparece una barra de desplazamiento horizontal. En teléfonos más anchos no pasa.
    • Los mensajes de error son los del navegador: aparecen y se van, y de uno en uno.

    Si te resulta imposible usarlo, escríbenos y agendamos contigo por otro medio.

Cómo reportarnos una barrera

Si algo de este sitio te impide hacer lo que viniste a hacer, queremos saberlo.

Escríbenos a hola@manifestomarketinggroup.com y cuéntanos, con el detalle que puedas:

  • En qué página ocurrió.
  • Qué intentabas hacer.
  • Qué dispositivo, navegador o tecnología de apoyo estabas usando.

Te responderemos, y si la barrera es real, la corregimos. Mientras tanto, buscaremos la forma de darte por otro canal lo que necesitabas del sitio.

Nuestro compromiso

La accesibilidad no es una casilla que se marca una vez. Cada página nueva y cada cambio se revisan con estos criterios, y esta declaración se actualiza conforme avanzamos.