Webdesign, Webentwicklung, Barrierefreiheit

Barrierefreies Webdesign Wohnungsgenossenschaft Eisenberg

Frau und Mann geben sich lächelnd die Hand vor Glastür im Büro
Starstseite der barrierefreien Website der Wohnungsgenossenschaft Eisenberg

Eine WordPress-Website für die Wohnungsgenossenschaft Eisenberg/Thüringen eG mit vollständiger WCAG 2.1 Level AA Konformität, maßgeschneiderten Plugins und Schema.org-Architektur.

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

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

Mieter-Selbstauskunft. Über 20 Felder in fünf Abschnitten – persönliche Daten, Wohnsituation, Einkommen, Miethistorie, Erklärungen. 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.

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

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.