Umgesetzte Maßnahmen

• Klare HTML-Struktur mit semantischen Bereichen für Header, Navigation, Hauptinhalt und Footer.
• Logische Überschriftenhierarchie mit genau einer Hauptüberschrift pro zentraler Inhaltsseite.
• Sichtbarer Sprunglink „Zum Inhalt springen“ für Tastaturnutzerinnen und Tastaturnutzer.
• Navigation mit ARIA-Labels, Tastaturbedienung und eindeutigem Fokuszustand.
• Sticky Header und mobile Navigation ohne externe Skripte oder Drittanbieter-Dienste.
• Hohe Farbkontraste für Text, Buttons, Statusanzeigen und wichtige Interaktionselemente.
• Gut erkennbare Fokusrahmen für Links, Buttons, Formularfelder und interaktive Elemente.
• Responsives, mobile-first Layout für Desktop, Tablet und Smartphone.
• Flexible Grid- und Card-Layouts, damit Inhalte auf kleinen Bildschirmen lesbar bleiben und nicht aus Boxen herausragen.
• Formulare mit sichtbaren Labels, Pflichtfeldmarkierungen, ausreichend großen Eingabefeldern und Datenschutzhinweis.
• Kontaktformular mit Pflichtfeldern für Vorname, Nachname, E-Mail, Telefon und Nachricht.
• Statusleiste für Öffnungszeiten mit textlicher Information und nicht nur farblicher Kennzeichnung.
• NRW-Feiertage werden beim Öffnungsstatus berücksichtigt.
• Bilder mit sinnvollen Alternativtexten, sofern sie inhaltlich relevant sind.
• Lightbox-Funktion mit Tastaturbedienung, Schließen per Escape-Taste und Fokusführung.
• „Nach oben“-Button mit ARIA-Label und Tastaturbedienung.
• Cookiehinweis ohne Tracking-Cookies; der Hinweis kann über den Footer erneut angezeigt werden.
• Keine externen Schriftarten, keine externen CDNs, keine Tracking-Tools und keine Social-Media-Plugins.
• Lokale JavaScript-Funktionen mit Vanilla JS und ohne unnötige Abhängigkeiten.
• Performance-Optimierungen durch lokale Assets, WebP-Bilder, Lazy Loading und reduzierte Block-Stile.
• SEO- und Struktur-Daten werden lokal ausgegeben, ohne externe Dienste nachzuladen.
• Reduzierte Animationen und sanfte Interaktionen, die Inhalte nicht verdecken oder die Bedienung erschweren.