Zurück zu den Projekten

Projektbeschreibung: Barrierefreier Webauftritt

Auftraggeber: kummunaler Auftraggeber Projektart: Webentwicklung / Barrierefreiheits-Migration
Technologie: TYPO3 CMS, Bootstrap, SCSS, Fluid-Templates
Status: Abgeschlossen

Ausgangslage

Der bestehende Webauftritt des Auftraggebers erfüllte die Anforderungen der EU-Richtlinie 2016/2102 sowie des novellierten Behindertengleichstellungsgesetzes (BGG) und der Barrierefreie-Informationstechnik-Verordnung (BITV 2.0) nicht vollständig. Um die gesetzlichen Vorgaben fristgerecht zu erfüllen und gleichzeitig die Nutzbarkeit für alle Besucherinnen und Besucher zu verbessern, wurde eine umfassende technische und gestalterische Überarbeitung des Webauftritts in Auftrag gegeben.

Projektziele

  • Vollständige Konformität mit WCAG 2.1 Level AA
  • Barrierefreie Nutzbarkeit für Menschen mit motorischen, visuellen, auditiven und kognitiven Einschränkungen
  • Ablösung veralteter Template-Strukturen durch ein modernes, wartbares Frontend-Framework
  • Langfristige Wartbarkeit und Erweiterbarkeit des CMS-Systems

Leistungsumfang

Frontend-Modernisierung

Das bisherige, auf Legacy-Technologien basierende Template-System wurde vollständig durch eine auf dem TYPO3 Bootstrap Package basierende Lösung ersetzt. Dabei wurden alle Seitenstrukturen, Inhaltsbereiche und Navigationskomponenten neu aufgebaut und konsequent auf Barrierefreiheit ausgelegt.

  • Strukturierung aller Inhalte mit semantischem HTML5 (Landmarks, Überschriftenhierarchie, ARIA-Attribute)
  • Vollständige Tastaturbedienbarkeit aller interaktiven Elemente
  • Optimierte Fokus-Verwaltung und sichtbare Fokusindikatoren
  • Barrierefreie Formulare mit verknüpften Labels, Fehlermeldungen und Hinweistexten
  • Skip-to-Content-Funktion für Screenreader-Nutzer
  • Ausreichende Farbkontraste nach WCAG-Kriterium 1.4.3 in allen Ansichten
  • Vollständige Responsivität für alle Ausgabegeräte (Mobile, Tablet, Desktop)

CMS-Integration (TYPO3)

  • Migration der Custom Extension bit_template auf aktuelle TYPO3- und PHP-Standards
  • Entfernung veralteter Abhängigkeiten (fluidtypo3/flux, fluidtypo3/vhs)
  • Sicherstellung der Kompatibilität mit TYPO3 12.4 LTS als Grundlage für zukünftige Upgrades

Redaktionelle Unterstützung

  • Einrichtung barrierefreier Inhaltselemente für das Redaktionsteam
  • Sicherstellung, dass Redakteure keine unbarrierefreien Inhalte unbeabsichtigt einpflegen können

Ergebnis

Der überarbeitete Webauftritt erfüllt die Anforderungen der WCAG 2.1 Level AA und entspricht damit den gesetzlichen Anforderungen nach BITV 2.0 und EU-Richtlinie 2016/2102. Alle Kernfunktionen – Navigation, Formulare, Inhalte – sind barrierefrei bedienbar. Das moderne Template-System bildet zugleich die technische Grundlage für das geplante TYPO3 v14-Upgrade.

Der Webauftritt ist damit nicht nur für Mensch und Technik zugänglich, sondern positioniert den Auftraggeber als modernes, inklusives Kommunalunternehmen.