Webentwicklung & Barrierefreiheit 2024

Fundació Ampans

Großangelegtes WordPress-Portal für eine Stiftung zur sozialen Integration: WCAG-2.1-AA-Barrierefreiheit, mehrere Inhaltsbereiche.

10 Monate 6 Spezialisten 2024 ampans.cat
Leistungen
  • WordPress-Entwicklung
  • WCAG-Barrierefreiheit
  • UX/UI Design
  • Content-Architektur
  • Schulung
Verwandte Leistungen

01Die Herausforderung

Die Herausforderung

Ampans, eine Stiftung für die Integration von Menschen mit Behinderungen, benötigte ein großangelegtes WordPress-Portal für mehrere Bereiche: Sozialdienste, Beschäftigungsprogramme, Werkstätten, Wohnheime und Aktivitäten. Die Seite musste ein Vorbild für digitale Barrierefreiheit sein, Online-Spenden erleichtern und von einem vielfältigen Redaktionsteam pflegbar sein.

02Die Lösung

Die Lösung

Wir entwickelten ein WordPress-Ökosystem mit komplexer Content-Architektur: individuelle Inhaltstypen für Programme, Dienste, Nachrichten und Veranstaltungen, übergreifende Taxonomien und erweiterte Suche. Wir implementierten WCAG 2.1 Stufe AA mit Tastaturnavigation, Screenreader-Kompatibilität, Hochkontrastmodus und skalierbaren Texten. Das Spendensystem ist barrierefrei und vereinfacht. Wir schulten mehr als 15 Redakteure zur Einhaltung der Standards.

Tech-Stack

So ist es gebaut

Frontend

  • ACF Pro Custom Fields
  • Gutenberg Block-Editor
  • axe DevTools Accessibility-QA

Engine

Daten

  • MySQL Datenbank

03Architektur

Wie eine Anfrage verläuft

  1. Ein Redakteur eines der Portalbereiche (Sozialdienste, Beschäftigung, Wohnheime, Aktivitäten) veröffentlicht Inhalte mit den Gutenberg-Blöcken und den benutzerdefinierten Feldern von ACF Pro

  2. Die Website liefert die Seite mit Tastaturnavigation, Screenreader-Kompatibilität, Hochkontrastmodus und skalierbaren Texten gemäß WCAG 2.1 AA aus

  3. Ein Besucher, der spenden möchte, ruft das vereinfachte, barrierefreie Spendensystem auf, das die Zahlung über Stripe abwickelt

  4. axe DevTools prüft die Seiten regelmäßig, um sicherzustellen, dass die WCAG-2.1-AA-Konformität nach jeder Veröffentlichung erhalten bleibt

  5. Die erweiterte Suche und die bereichsübergreifenden Taxonomien ermöglichen es, Inhalte über die verschiedenen Portalbereiche hinweg zu finden, ohne die Hierarchie der Stiftung zu verlieren

04Gemessene Wirkung

Ergebnisse

  • AA WCAG-2.1-Zertifizierung
  • +200% Online-Spenden
  • 15+ Geschulte Redakteure
  • +150% Organische Sichtbarkeit

Überprüfbare Daten

Metriken im Detail

Dauer des Portalprojekts (Monate)
10
Spezialisten im Projektteam
6
Im Portal verwaltete Inhaltsbereiche (Sozialdienste, Beschäftigung, Werkstatt, Wohnheime, Aktivitäten)
5
Individuelle Inhaltstypen (Programme, Dienste, Nachrichten, Veranstaltungen)
4

Methodik: Projektumfangsdaten (2024): Dauer und Team stammen aus dem Vertrag; die Inhaltsbereiche und -typen aus der Architektur des Portals. Die Kennzahlen zu Barrierefreiheit, Spenden, Schulung und Sichtbarkeit stehen im Ergebnisbereich dieses Cases.

05Der Prozess

Der Prozess

  1. Audit

    Analyse bestehender Inhalte und Barrierefreiheitsanforderungen

  2. Architektur

    Entwurf von Inhaltstypen, Taxonomien und redaktionellen Workflows

  3. UX/UI

    Inklusives Design mit Fokus auf universelle Benutzerfreundlichkeit

  4. Entwicklung

    WordPress mit individuellen Blöcken und kontinuierlichem Testing

  5. Schulung

    Ausbildung des Redaktionsteams in Barrierefreiheit

“Zum ersten Mal haben wir ein Portal, das unsere Werte der Inklusion widerspiegelt. Die Online-Spenden sind exponentiell gewachsen und wir haben Anerkennung für unsere digitale Barrierefreiheit erhalten.”

Directora de Comunicación Fundació Ampans

Ihr nächstes Projekt?

Sprechen wir über Ergebnisse

Erzählen Sie uns von Ihrer Herausforderung. Wir antworten innerhalb von 24 Stunden.

Gespräch beginnen
  • NDA verfügbar
  • Antwort <24h
  • Phasenweiser Vorschlag
Nächstes Projekt Nexo (producto propio) KI & SaaS · Eigenes Produkt