Webontwikkeling & toegankelijkheid 2024

Fundació Ampans

Grootschalig WordPress-portaal voor een stichting voor sociale integratie: WCAG 2.1 AA-toegankelijkheid, meerdere contentgebieden.

10 maanden 6 specialisten 2024 ampans.cat
Diensten
  • WordPress-ontwikkeling
  • WCAG-toegankelijkheid
  • UX/UI Design
  • Contentarchitectuur
  • Training
Gerelateerde diensten

01De uitdaging

De uitdaging

Ampans, een stichting gewijd aan de integratie van mensen met een handicap, had een grootschalig WordPress-portaal nodig voor meerdere gebieden: sociale diensten, werkgelegenheidsprogramma's, beschutte werkplaatsen, woonvoorzieningen en activiteiten. De site moest een voorbeeld zijn van digitale toegankelijkheid, online donaties faciliteren en onderhoudbaar zijn door een divers redactieteam.

02De oplossing

De oplossing

We ontwikkelden een WordPress-ecosysteem met complexe contentarchitectuur: aangepaste contenttypes voor programma's, diensten, nieuws en evenementen, overkoepelende taxonomieën en geavanceerd zoeken. We implementeerden WCAG 2.1 niveau AA met toetsenbordnavigatie, schermlezerscompatibiliteit, hoog-contrastmodus en schaalbare teksten. Het donatiesysteem is toegankelijk en vereenvoudigd. We trainden meer dan 15 redacteurs om de standaarden te handhaven.

Tech stack

Zo is het gebouwd

Frontend

  • ACF Pro Maatwerkvelden
  • Gutenberg Blok-editor
  • axe DevTools Toegankelijkheids-QA

Engine

Data

  • MySQL Database

03Architectuur

Hoe een verzoek verloopt

  1. Een redacteur van een van de portaalgebieden (sociale diensten, werkgelegenheid, woonvoorzieningen, activiteiten) publiceert content met de Gutenberg-blokken en de aangepaste velden van ACF Pro

  2. De site serveert de pagina met toetsenbordnavigatie, ondersteuning voor schermlezers, een hoogcontrastmodus en schaalbare tekst conform WCAG 2.1 AA

  3. Een bezoeker die wil doneren gebruikt het vereenvoudigde, toegankelijke donatiesysteem, dat de betaling via Stripe verwerkt

  4. axe DevTools controleert de pagina's periodiek om te verifiëren dat de WCAG 2.1 AA-conformiteit na elke publicatie behouden blijft

  5. De geavanceerde zoekfunctie en de doorlopende taxonomieën maken het mogelijk content te vinden tussen de verschillende gebieden van het portaal, zonder de hiërarchie van de stichting te verliezen

04Gemeten impact

Resultaten

  • AA WCAG 2.1-certificering
  • +200% Online donaties
  • 15+ Getrainde redacteurs
  • +150% Organische zichtbaarheid

Verifieerbare gegevens

Metrieken in detail

Duur van het portaalproject (maanden)
10
Specialisten in het projectteam
6
Beheerde contentgebieden in het portaal (sociale diensten, werkgelegenheid, beschutte werkplaats, woonvoorzieningen, activiteiten)
5
Aangepaste contenttypes (programma's, diensten, nieuws, evenementen)
4

Methodologie: Scopegegevens van het project (2024): de duur en het team komen uit het contract; de contentgebieden en -types uit de architectuur van het portaal. De cijfers voor toegankelijkheid, donaties, training en zichtbaarheid staan in de resultatensectie van deze case.

05Het proces

Het proces

  1. Audit

    Analyse van bestaande content en toegankelijkheidsvereisten

  2. Architectuur

    Ontwerp van contenttypes, taxonomieën en redactionele workflows

  3. UX/UI

    Inclusief ontwerp gericht op universele bruikbaarheid

  4. Ontwikkeling

    WordPress met aangepaste blokken en continue testing

  5. Training

    Opleiding van het redactieteam in toegankelijkheid

“Voor het eerst hebben we een portaal dat onze waarden van inclusie weerspiegelt. De online donaties zijn exponentieel gegroeid en we hebben erkenning gekregen voor onze digitale toegankelijkheid.”

Directora de Comunicación Fundació Ampans

Uw volgende project?

Laten we over resultaten praten

Vertel ons uw uitdaging. We reageren binnen 24 uur.

Start het gesprek
  • NDA beschikbaar
  • Antwoord <24u
  • Gefaseerd voorstel
Volgend project Nexo (producto propio) AI & SaaS · Eigen product