Universitäts-Relaunch: Barrierefrei mit hoher UX

Die renommierte Institution kam im März 2024 über eine öffentliche Ausschreibung zu uns. Ihre digitale Infrastruktur zeichnete sich durch einen enormen Umfang aus. Über 1.400 Websites wurden auf Subdomains verwaltet. Diese historische, dezentrale Struktur stellte uns vor eine einzigartige Aufgabe.

Wir erkannten das Potenzial für eine effiziente, zentrale Lösung. Zuvor war das alte TYPO3-System (Version 6 bzw. 8) technisch überholt. Die vielen, dezentralen Redakteur:innen arbeiteten mit einem System, dessen Wartung zunehmend komplexer wurde. Unser Ziel war, dieses fragmentierte Netzwerk in eine zentrale, zukunftsfähige Plattform zu überführen.

Ein entscheidender Punkt war die Barrierefreiheit. Die Institution strebte danach, alle digitalen Angebote auf das hohe Niveau WCAG AA zu heben. Wir nahmen die Herausforderung an, die Komplexität des Umfangs zu bändigen und digitale Inklusion als neuen Standard zu etablieren.

Die Universität verfolgte mit dem Relaunch klare und ambitionierte Ziele. Die Plattform sollte die Marke optimal repräsentieren und Tausende von User:innen abholen.

• Technische Erneuerung: Migration auf die aktuelle TYPO3-Version.
• Volle Inklusion: Vollumfängliche Erfüllung der Barrierefreiheitsanforderungen (WCAG 2.1 Level AA).
• Optimales Erlebnis: Deutliche Verbesserung der Nutzerfreundlichkeit (UX) für alle Zielgruppen.
• Effizienz: Die Wartung für die vielen Redakteur:innen sollte deutlich einfacher werden.
• Zusätzlicher Mehrwert: Wir stellten schnelle Ladezeiten (Performance) und beste Auffindbarkeit (SEO) sicher.

Wir setzen mit unserer Lösung weiterhin auf das schon lange bei der Universität eingesetzte Redaktionssystem TYPO3. Bereits seit 2001 am Markt und 2025 von der Digital Public Goods Alliance als Digitales Öffentliches Gut (engl. Digital Public Good) anerkannt, wird TYPO3 laufend weiterentwickelt und ist heute ein Enterprise-CMS. Die stark in dieses Projekt involvierte, interne IT der Universität Wien, kann auf dieser Basis auch eigenständig weiter entwickeln.

Das bewährte CMS TYPO3 bildet die technische Basis des Projekts und steht für technische Sicherheit und Zukunftsfähigkeit. Die TYPO3-Roadmap ermöglicht die genaue Planung von Updates. Schnittstellen lassen sich leicht integrieren, kaum ein anderes System ist vergleichbar schnell und sicher. 

Durch die Mehrmandantenfähigkeit lösten wir die Herausforderung der über 1.400 Subsites mit einer zentralen Multisite-Architektur. Das vereinfacht die Wartung und die zentrale Steuerung massiv. Wir nutzen CSS-Variablen. So können Farben und Styles für einzelne Portale (Corporate-Design-Channels) mit geringem Aufwand angepasst werden. Für das Frontend setzen wir auf das „Utility-First“-CSS-Framework Tailwind.

Wir implementierten die Features Mehrsprachigkeit, News und Events. Alle technischen Module (Extensions) kommen dabei von LIMESODA aus einer Hand. So sichern wir volle Kontrolle über Performance, Barrierefreiheit und IT-Sicherheit.

Die Einhaltung des Barrierefreiheitsstandards WCAG 2.1 Level AA war ein hoher Anspruch. Dafür adaptierten wirt auch das Corporate Design der Universität, beispielsweise den Blauton. So erreichten wir den nötigen Kontrast für alle Schriftgrößen. Für die Bilddarstellung nutzten wir datensparsame webP-Formate und Lazy Loading. Das sorgte für optimale Ladezeiten. Wir implementierten eine 2-Klick-Lösung für Videos. Das gewährleistet die DSGVO-konforme Integration von Streaming-Plattformen.

Wir hielten das Backend extrem sauber. Unsere modularen Content-Elemente haben sprechende Namen und eine Frontend-Preview. Wir definierten restriktive Backend-Layouts. Das stellt sicher, dass alle Redakteur:innen wichtige Seiten strukturell einheitlich aufbauen. Das Ergebnis: Ein digitaler Auftritt, der Exzellenz vermittelt.