Funciones de accesibilidad que implementé en plataformas de gobierno

Actualización, septiembre de 2026

Un menú como el que describo aquí ayuda, pero no hace accesible un sitio por sí solo: lo que se audita son los criterios de las WCAG. Lo explico en WCAG 2.2 nivel AA: qué revisar en una auditoría, que conviene leer junto con este.

Además, ahora estoy desarrollando mi propia herramienta de accesibilidad para webs, que se podrá usar desde npm, con JavaScript nativo o como plugin de WordPress. Todavía no está terminada; cuando lo esté, lo contaré aquí.

La accesibilidad web se suele entender como “poner letras más grandes” o “usar colores más fuertes”, pero va bastante más allá. Una plataforma accesible tiene que adaptarse a necesidades visuales, cognitivas y motrices muy distintas.

He implementado estas funciones en varios sitios y plataformas del municipio de Tizayuca, entre ellas el catálogo de trámites y servicios. Estas son las que incluye el menú de accesibilidad y para quién sirve cada una.

Color y visibilidad

Pensadas sobre todo para personas con baja visión, sensibilidad a ciertos colores o dificultad para distinguir tonos.

• Invertir colores: invierte los colores del sitio, lo que a algunas personas les resulta más cómodo.
• Escala de grises: quita el color de la página y reduce las distracciones.
• Baja y alta saturación: bajan o suben la intensidad de los colores.
• Contraste bajo, alto y extra: ajustan el contraste para que el contenido se distinga mejor.
• Resaltar enlaces: marca todos los enlaces para encontrarlos más fácilmente.

Tipografía

Útiles para personas con baja visión, con dislexia, adultos mayores o cualquiera que necesite leer con más comodidad.

• Tamaño de fuente: agranda el texto de toda la página.
• Altura de línea: separa más las líneas para que el texto no se vea amontonado.
• Espacio entre letras: separa las letras para que se lean mejor.
• Alineación del texto: permite cambiar la alineación según lo que le resulte más fácil a cada persona.

Imágenes y videos

• Ocultar imágenes: deja solo el texto, para leer sin distracciones.
• Ocultar videos: desactiva los videos para evitar distracciones o que se reproduzcan sin querer.

Enfoque y lectura

Para personas con baja visión o con dificultades de atención.

• Cursor grande: cambia el puntero por un círculo grande, más fácil de seguir.
• Máscara de lectura: oscurece la página salvo la franja que se está leyendo.
• Guía de lectura: una línea horizontal que acompaña la lectura de textos largos.

Configuración del menú

• Cambiar posición: mueve el menú a la izquierda, a la derecha, arriba o abajo.
• Guardar configuración: guarda los ajustes en el navegador y los vuelve a aplicar la próxima vez.
• Restaurar: devuelve todo a como estaba.

Por qué tantas funciones

Porque cada persona usa la web de forma distinta:

• Un adulto mayor puede necesitar letras más grandes.
• Una persona sensible a ciertos colores puede preferir la escala de grises.
• Alguien con TDAH o dislexia puede agradecer una guía de lectura.
• Una persona con baja visión puede necesitar un cursor más grande o más contraste.

En una plataforma pública esto importa todavía más. Los trámites en línea tienen que funcionar para todas las personas, sin excepción.

Los plugins que uso

Para implementar todo esto uso un plugin de código abierto de Praboth Charith:

github.com/PrabothCharith/accessibility-plugin

Es gratuito y permite añadir un menú de accesibilidad completo a cualquier sitio sin desarrollar cada función desde cero, algo que se agradece en proyectos con pocos recursos, que es lo habitual en gobiernos locales y organizaciones pequeñas.

En los sitios hechos con WordPress he usado este otro, con muy buenos resultados:

Pojo Accessibility en WordPress.org

Añade un panel de accesibilidad fácil de configurar y funciona con la mayoría de los temas. Es buena opción cuando se busca algo que funcione sin programar.

Si trabajas en una plataforma de gobierno

Si trabajas en una institución pública o estás desarrollando una plataforma de gobierno y quieres añadir estas herramientas pero no sabes por dónde empezar, puedo ayudarte. Para que la accesibilidad llegue a la mayor cantidad de gente posible, ofrezco apoyo gratuito para integrarlas en sitios gubernamentales.

Escríbeme a hello@efeele.dev y cuéntame sobre tu proyecto: qué tipo de plataforma es (portal, consulta ciudadana, trámites en línea…) y qué te gustaría conseguir.