Barrierefreies Webdesign Wohnungsgenossenschaft Eisenberg

Genossenschaft digital

Die Wohnungsgenossenschaft Eisenberg/Thüringen eG vermietet seit 1954 bezahlbaren Wohnraum in Eisenberg. Gegründet von zwölf Kollegen des VEB Schamottewerk, die dringend lebenswerten Wohnraum brauchten – vor über siebzig Jahren. Die Grundidee bleibt, doch die digitale Realität hat sich gewandelt.

Die vorherige Website erfüllte ihre Funktion, entsprach aber keinen Standards. Sie war nicht barrierefrei, enthielt keine strukturierten Daten und berücksichtigte nicht die Anforderungen des Barrierefreiheitsstärkungsgesetzes (BFSG), das ab Juni 2025 gilt. Formulare funktionierten zwar, waren aber für Menschen mit Beeinträchtigungen kaum zu bedienen.

Die Anforderung: Eine Website für alle. Nicht oberflächlich, sondern technisch umgesetzt. Mit tastaturbearbeitbaren Formularen, screenreader-freundlichen Texten und einer Struktur, die sowohl Suchmaschinen als auch älteren Menschen mit Sehproblemen hilft.

Barrierefreies Webdesign nach WCAG 2.1 Level AA

Barrierefreiheit ist nicht nachträglich hinzugefügt – sie war von Anfang an integriert.

ARIA-Konsistenz. Über 30 Navigationsziele tragen einheitliche aria-label-Attribute, inklusive Telefonnummern, E-Mail-Adressen und externer Links, um WCAG 3.2.4 zu erfüllen.

Tastaturnavigation. Skip-Links ermöglichen direkten Sprung zum Inhalt. Alle interaktiven Elemente sind per Tabulatortaste erreichbar mit sichtbarem Fokus-Indikator.

Farbkontraste. Alle Text-Hintergrund-Kombinationen erfüllen das 4,5:1-Kontrastverhältnis nach WCAG 1.4.3. Informationen werden nicht ausschließlich durch Farbe vermittelt.

Barrierefreiheits-Widget. Benutzerdefinierte Anpassungen ermöglichen Schriftgröße, Zeilenabstand, Buchstabenabstand, Kontrastmodus, Legasthenie-Schrift, Graustufen, invertierte Farben, Lesehilfe-Linie, Cursor-Vergrößerung und Animationsstopp – alles clientseitig ohne Neuladen.

Plugin-Entwicklung: Maßgeschneidert statt Konfektionsware

Speziell entwickelte WordPress-Plugins statt vorgefertigte Lösungen mit unnötigen Funktionen.

Kontaktformular. Barrierefreies Formular mit vollständiger ARIA-Integration, aria-required, aria-invalid und aria-describedby. Live-Validierung, Fehler-Zusammenfassung, Screen-Reader-Ankündigungen. Honeypot-Feld statt aggressivem CAPTCHA.

Mieter-Selbstauskunft. Über 20 Felder in fünf Abschnitten – persönliche Daten, Wohnsituation, Einkommen, Miethistorie, Erklärungen. Jede Sektion als <fieldset> mit <legend>. Progressives Offenbaren für sensible Bereiche, mathematisches Rechen-CAPTCHA, PDF-Generierung.

FAQ-Plugin. Barrierefreies Akkordeon mit Schema.org FAQPage-Markup für Google Rich Results. Über 30 Fragen mit aria-expanded und aria-controls sowie korrektem Fokus-Management.

Strukturierte Daten und technisches SEO

Schema.org-Architektur ermöglicht besseres Verständnis durch Google.

Die Startseite trägt Organization und LocalBusiness-Markup mit vollständigen Kontaktdaten und Öffnungszeiten. Die FAQ-Seite liefert valides FAQPage-Markup für Rich Results. Die Veranstaltungsseite nutzt Event-Markup. Alle Quellen sind konsolidiert mit null Fehlern im Rich Results Test.

Straffung des Erscheinungsbildes

Das Erscheinungsbild wurde überarbeitet. Logo-Typografie erscheint in Überschriften. Das Logo wurde vereinfacht. Die Hausschrift wurde definiert und konsequent integriert – in Visitenkarten, Formularen und PDFs.

Marketing-Kampagne: Mit dem Aufzug zum Aufstieg

Eine Sponsoring-Kampagne zur Partnerschaft mit dem SV Klengel-Serba 09. Der Slogan: "Mit dem Aufzug zum Aufstieg." Die Kampagne umfasste Videoschnitt, Bannerwerbung, Sportbekleidung und Social-Media-Inhalte – authentisch und regional statt generisch.

Content-Strategie und Seitenstruktur

Das Prinzip "Eine Seite, ein Thema, eine Suchintention" strukturiert jede Landingpage nach konkreten Nutzerbedürfnissen. Alle Seiten folgen korrekter H1-H2-Hierarchie mit optimierten Meta-Tags und internen Verlinkungen.

Technische Umsetzung

WordPress mit maßgeschneidertem Theme. Formulare und interaktive Elemente sind eigenständige, wartbare Plugins. UTF-8-Encoding auf allen Ebenen, Mobile-First-Design, Lazy Loading, saubere URL-Struktur, 301-Redirects und serverseitiges Caching.