Desarrollé y optimicé el Kit Digital UC, una librería en Vanilla JavaScript que asegura accesibilidad, coherencia y rendimiento en más de 100 sitios institucionales.
Kit Digital UC
El Kit Digital UC es la columna vertebral del ecosistema digital de la Pontificia Universidad Católica de Chile. Es una librería de componentes en Vanilla JavaScript que asegura coherencia visual, accesibilidad y rendimiento en más de 100 sitios institucionales.
La elección de Vanilla JS no fue casualidad: responde a un requisito clave del proyecto, que es funcionar en cualquier sitio, sin importar si usa un framework moderno o no. Esto asegura que tanto aplicaciones nuevas como sitios tradicionales de la universidad puedan incorporar los mismos componentes y estilos sin fricciones.
Mi contribución
Desde el inicio trabajé corrigiendo problemas puntuales de accesibilidad y usabilidad, pero con el tiempo mi rol se amplió hacia el diseño de soluciones técnicas de mayor impacto:
-
Optimización de carga con dynamic imports
Reemplacé la carga monolítica del Kit por un sistema que analiza el DOM y descarga únicamente los componentes realmente usados. Así, en lugar de cargar la librería completa, cada sitio solo recibe lo indispensable, mejorando el rendimiento en todo el ecosistema. -
Accesibilidad y semántica mejoradas
Reemplacé el uso debackground-imageen más de 50 componentes por elementos<img>con atributosalt. Esto permitió que los usuarios de lectores de pantalla accedieran a contenido antes inaccesible, además de mejorar la semántica y el posicionamiento de los sitios en buscadores. -
Compatibilidad y distribución
El Kit está disponible por CDN y NPM, lo que permite su integración en proyectos con pipelines modernos, pero también en sitios tradicionales sin compilación. Esto obliga a mantener compatibilidad retroactiva, cuidando que las actualizaciones no rompan proyectos en producción. -
Revisión integral de accesibilidad
Actualmente estoy impulsando una revisión completa de los componentes del Kit bajo los estándares WCAG 2.1 AA, para que cualquier mejora en accesibilidad se replique de inmediato en proyectos que dependen de esta librería, como el Portal UC y la Agenda UC.
Tecnologías involucradas
- Vanilla JavaScript para garantizar compatibilidad universal.
- CSS/SCSS para estilos modulares y reutilizables en cualquier entorno.
- CDN y NPM como vías de distribución.
Impacto
El Kit Digital UC no es solo una librería: es la infraestructura común que multiplica el valor de cada mejora. Cada ajuste en rendimiento, accesibilidad o usabilidad beneficia a toda la comunidad universitaria, desde estudiantes hasta docentes y personal administrativo, a través de decenas de sitios que comparten la misma base tecnológica.