Développement web & accessibilité 2024

Fundació Ampans

Portail WordPress pour une fondation d'intégration sociale : accessibilité WCAG 2.1 AA, zones de contenu multiples, dons et programmes.

10 mois 6 spécialistes 2024 ampans.cat
Services
  • Développement WordPress
  • Accessibilité WCAG
  • UX/UI Design
  • Architecture de contenus
  • Formation
Services associés

01Le défi

Le défi

Ampans, une fondation dédiée à l'intégration des personnes en situation de handicap, avait besoin d'un portail WordPress de grande envergure pour gérer plusieurs domaines : services sociaux, programmes d'emploi, centre spécial de travail, résidences et activités. Le site devait être un exemple d'accessibilité numérique, faciliter les dons en ligne et être maintenable par une équipe éditoriale diversifiée.

02La solution

La solution

Nous avons développé un écosystème WordPress avec une architecture de contenus complexe : types de contenu personnalisés pour les programmes, services, actualités et événements, taxonomies transversales et recherche avancée. Nous avons implémenté WCAG 2.1 niveau AA avec navigation clavier, compatibilité lecteurs d'écran, mode contraste élevé et textes redimensionnables. Le système de dons est accessible et simplifié. Nous avons formé plus de 15 rédacteurs au maintien des standards.

Stack technique

Comment c'est construit

Front

  • ACF Pro Champs sur mesure
  • Gutenberg Édition par blocs
  • axe DevTools QA accessibilité

Moteur

Données

  • MySQL Base de données

03Architecture

Comment circule une requête

  1. Un éditeur de l'un des espaces du portail (services sociaux, emploi, résidences, activités) publie du contenu avec les blocs Gutenberg et les champs personnalisés d'ACF Pro

  2. Le site sert la page avec navigation au clavier, compatibilité avec les lecteurs d'écran, mode contraste élevé et textes redimensionnables conformément à WCAG 2.1 AA

  3. Un visiteur qui souhaite faire un don accède au système de dons, simplifié et accessible, qui traite le paiement via Stripe

  4. axe DevTools audite régulièrement les pages pour vérifier que la conformité WCAG 2.1 AA est maintenue après chaque publication

  5. Le moteur de recherche avancé et les taxonomies transversales permettent de retrouver du contenu entre les différents espaces du portail sans perdre la hiérarchie de la fondation

04Impact mesuré

Résultats

  • AA Certification WCAG 2.1
  • +200% Dons en ligne
  • 15+ Rédacteurs formés
  • +150% Visibilité organique

Données vérifiables

Métriques en détail

Durée du projet du portail (mois)
10
Spécialistes dans l'équipe projet
6
Espaces de contenu gérés dans le portail (services sociaux, emploi, centre spécial de travail, résidences, activités)
5
Types de contenu personnalisés (programmes, services, actualités, événements)
4

Méthodologie: Données de périmètre du projet (2024) : la durée et l'équipe proviennent du contrat ; les espaces et types de contenu, de l'architecture du portail. Les indicateurs d'accessibilité, de dons, de formation et de visibilité figurent dans la section résultats de ce cas.

05Le processus

Le processus

  1. Audit

    Analyse des contenus existants et exigences d'accessibilité

  2. Architecture

    Conception des types de contenu, taxonomies et workflows éditoriaux

  3. UX/UI

    Design inclusif axé sur l'utilisabilité universelle

  4. Développement

    WordPress avec blocs personnalisés et testing continu

  5. Formation

    Formation de l'équipe éditoriale à l'accessibilité

“Pour la première fois, nous avons un portail qui reflète nos valeurs d'inclusion. Les dons en ligne ont connu une croissance exponentielle et nous avons reçu une reconnaissance pour notre accessibilité numérique.”

Directora de Comunicación Fundació Ampans

Votre prochain projet ?

Parlons résultats

Racontez-nous votre défi. Nous vous répondons sous 24 h.

Commencer la conversation
  • NDA disponible
  • Réponse <24h
  • Proposition par phases
Projet suivant Nexo (producto propio) IA & SaaS · Produit maison