Die NCD Alliance modernisierte ihre Drupal 7 Website zu einer barrierefreien, dreisprachigen Plattform, ohne das bestehende CRM zu beeinträchtigen.
Die bisherige Website der NCDA lief auf Drupal 7 und war technisch veraltet. Die Inhalte waren über mehrere miteinander verknüpfte digitale Angebote verteilt. „Our Views, Our Voices”, „NCD Diaries” und die „Global Charter”-Website – jeweils mit eigener visueller Identität.
1xINTERNET hat die Plattform auf Basis der aktuellen Drupal-Version neu aufgebaut und von Beginn an Barrierefreiheit als zentrales Designprinzip verankert. Dies war besonders wichtig, da sich die NCDA an ein breites Publikum richtet – von politischen Entscheidungsträgern und Partnerorganisationen bis hin zu Menschen, die selbst mit nicht übertragbaren Krankheiten leben.
Dieses Prinzip wurde direkt in die Entwicklungstools integriert, statt erst nachträglich überprüft zu werden. Das Frontend basiert auf einer Komponentenbibliothek mit 271 dokumentierten Storybook-Stories. Für jede Komponente werden bereits während der Entwicklung automatisierte Accessibility-Checks durchgeführt. So werden beispielsweise Kontrast- oder ARIA-Regressionen erkannt, bevor sie auf einer Seite zum Einsatz kommen.
Im Zuge des Relaunches wurde ein gemeinsames Design System eingeführt. Modulare Content-Templates können aus 38 wiederverwendbaren Paragraph-Typen zusammengestellt werden. Eine konsistente interne Verknüpfungslogik sorgt dafür, dass die Inhalte des gesamten Netzwerks als Teil eines gemeinsamen digitalen Raums wahrgenommen werden.
Die Migration umfasste 40 Inhaltstypen, darunter Seiten, News, Blogs, Ressourcen, Taxonomien, Medien, Benutzer und Webform-Einreichungen. Für jeden Migrationsprozess wurde ein entsprechender Prozess für die spanischen und französischen Übersetzungen umgesetzt, sodass das mehrsprachige Archiv vollständig erhalten blieb.
Auch die bestehende CiviCRM-Integration wurde während des gesamten Projekts ohne Unterbrechung weiter betrieben.
Ziele
Ergebnisse
Aufgrund der über Jahre gewachsenen Datenmenge auf der Drupal-7-Plattform war der Umfang der Content-Migration erheblich. Da jeder Inhalt in bis zu drei Sprachen vorlag, musste jeder Migrationsprozess zweimal durchgeführt werden: einmal für die Ausgangsinhalte und einmal für deren Übersetzungen.
Eine weitere zentrale Designherausforderung bestand darin, mehrere zuvor getrennte digitale Produkte mit jeweils eigener visueller Sprache in ein gemeinsames, kohärentes Designsystem zu integrieren, ohne ihre individuellen Identitäten zu verlieren.
Die Anforderungen an Barrierefreiheit, die sich an den WCAG orientieren und einen besonderen Fokus auf geringe Bandbreiten sowie eine leicht verständliche redaktionelle Sprache legen, mussten von Anfang an in die Plattform integriert werden, statt nachträglich ergänzt zu werden.
Eine weitere Rahmenbedingung prägte die gesamte Umsetzung: CiviCRM musste während des gesamten Projekts mit den produktiven Mitgliederdaten weiterlaufen. Der Relaunch musste daher um das laufende CRM herum realisiert werden.
Während der gesamten Umsetzung arbeitete das Team direkt in den Issue Queues der Drupal-Community, anstatt bestehende Probleme zu umgehen. Die Plattform nutzt 25 Community-beigesteuerte Patches für Drupal Core, Paragraphs, Focal Point, Dynamic Entity Reference und Webform-CiviCRM.
Wo noch keine Lösung existierte, entwickelte das Team eigene Fixes, darunter eine Korrektur für die Erzeugung von Redirect-Schleifen im Redirect-Modul, eine Anpassung des Form States in Block Field sowie eine Verbesserung im Drupal Core, die hochauflösende Thumbnails für eingebettete Vimeo- und YouTube-Medien abruft.
Viele Projekte sprechen von Barrierefreiheit. Dieses Projekt zeigt, wo Barrierefreiheit tatsächlich verankert ist: nicht in einem Audit, das erst nach dem Launch durchgeführt wird, sondern in der Komponentenbibliothek. Dort werden während der Entwicklung automatisierte Prüfungen für alle 271 dokumentierten Komponenten ausgeführt.
Barrierefreiheit wurde somit zum Ordnungsprinzip des gesamten Systems und nicht zu einem Punkt auf einer Checkliste. Das ist besonders relevant für eine Organisation, deren Zielgruppe Menschen mit nichtübertragbaren Krankheiten umfasst.
Die Plattform setzt das technisch Mögliche bereits während der Entwicklung um. Die dauerhafte Einhaltung dieses Standards im redaktionellen Alltag bleibt jedoch eine Aufgabe des Redaktionsteams – etwas, das auch eine Komponentenbibliothek nicht vollständig garantieren kann.
Aufbauend darauf wurde echte technische Komplexität unauffällig und strukturiert gelöst: Vier eigenständige digitale Angebote wurden in ein gemeinsames Designsystem integriert, 40 Inhaltstypen und deren dreisprachige Inhalte wurden von Drupal 7 migriert und eine CiviCRM-Instanz mit produktiven Mitgliederdaten lief während des gesamten Umbaus ohne Unterbrechung weiter.
Der Case zeigt, dass Struktur, Skalierbarkeit und inklusives Design in Drupal keine konkurrierenden Ziele sein müssen. Sie sind unterschiedliche Aspekte derselben Aufgabe, nämlich eine digitale Plattform zu schaffen, die für alle Menschen funktioniert.
