Kit Digital UC

Kit Digital UC er ryggraden i det digitale økosystemet til Det pavelige katolske universitetet i Chile. Det er et komponentbibliotek i Vanilla JavaScript som sikrer visuell konsistens, tilgjengelighet og høy ytelse på mer enn 100 institusjonelle nettsteder.

Valget av Vanilla JS var ikke tilfeldig: det svarer på et nøkkelkrav i prosjektet, nemlig å fungere på alle nettsteder, uavhengig av om de bruker moderne rammeverk eller ikke. Dette gjør at både nye applikasjoner og tradisjonelle universitetsnettsteder kan integrere de samme komponentene og stilene uten friksjon.

Mitt bidrag

Jeg startet med å rette opp konkrete problemer innen tilgjengelighet og brukervennlighet, men etter hvert ble rollen min utvidet til å omfatte design av mer omfattende tekniske løsninger:

• Lastoptimalisering med dynamiske imports
  Jeg erstattet den monolittiske innlastingen av biblioteket med et system som analyserer DOM-en og laster kun de komponentene som faktisk brukes. I stedet for å laste hele biblioteket får hvert nettsted bare det som er nødvendig, noe som forbedret ytelsen i hele økosystemet.

• Forbedret tilgjengelighet og semantikk
  Jeg erstattet bruken av background-image i over 50 komponenter med <img>-elementer med alt-attributter. Dette gjorde at skjermleserbrukere fikk tilgang til innhold som tidligere var utilgjengelig, samtidig som semantikken og søkemotoroptimaliseringen ble styrket.

• Kompatibilitet og distribusjon
  Kit Digital UC er tilgjengelig via CDN og NPM, noe som gjør det mulig å integrere i prosjekter med moderne pipelines, men også i tradisjonelle nettsteder uten kompilering. Dette krever kontinuerlig bakoverkompatibilitet, slik at oppdateringer ikke bryter produksjonsprosjekter.

• Helhetlig tilgjengelighetsgjennomgang
  Jeg driver for tiden en full revisjon av komponentene i henhold til WCAG 2.1 AA-standardene, slik at enhver forbedring i tilgjengelighet umiddelbart kan gjenspeiles i prosjekter som er avhengige av biblioteket, som UC-portalen og Agenda UC.

Brukte teknologier

• Vanilla JavaScript for å garantere universell kompatibilitet.
• CSS/SCSS for modulære og gjenbrukbare stiler i ethvert miljø.
• CDN og NPM som distribusjonskanaler.

Effekt

Kit Digital UC er ikke bare et bibliotek: det er den felles infrastrukturen som multipliserer verdien av hver forbedring. Hver justering i ytelse, tilgjengelighet eller brukervennlighet kommer hele universitetsfellesskapet til gode – fra studenter til undervisere og administrativt personale – gjennom titalls nettsteder som deler den samme teknologiske basen.