Desenvolupament web i accessibilitat 2024

Fundació Ampans

Portal WordPress de gran escala per a fundació d'integració social: accessibilitat WCAG 2.1 AA, múltiples àrees de contingut, donacions i difusió de programes.

10 mesos 6 especialistes 2024 ampans.cat
Serveis
  • Desenvolupament WordPress
  • Accessibilitat WCAG
  • UX/UI Design
  • Arquitectura de continguts
  • Formació
Serveis relacionats

01El repte

El repte

Ampans, fundació dedicada a la integració de persones amb discapacitat, necessitava un portal WordPress de gran envergadura que gestionés múltiples àrees: serveis socials, programes d'ocupació, centre especial de treball, residències i activitats. El lloc havia de ser exemple d'accessibilitat digital, facilitar les donacions en línia i ser mantenible per un equip editorial divers.

02La solució

La solució

Vam desenvolupar un ecosistema WordPress amb arquitectura de continguts complexa: tipologies personalitzades per a programes, serveis, notícies i esdeveniments, taxonomies transversals i cercador avançat. Vam implementar WCAG 2.1 nivell AA amb navegació per teclat, compatibilitat amb lectors de pantalla, mode d'alt contrast i textos escalables. El sistema de donacions és accessible i simplificat. Vam formar més de 15 editors per mantenir els estàndards.

Stack tecnològic

Així està muntat

Front

  • ACF Pro Camps a mida
  • Gutenberg Edició per blocs
  • axe DevTools QA d'accessibilitat

Motor

Dades

  • MySQL Base de dades

03Arquitectura

Com flueix una petició

  1. Un editor d'una de les àrees del portal (serveis socials, ocupació, residències, activitats) publica contingut amb els blocs de Gutenberg i els camps personalitzats d'ACF Pro

  2. El lloc serveix la pàgina amb navegació per teclat, compatibilitat amb lectors de pantalla, mode d'alt contrast i textos escalables d'acord amb el WCAG 2.1 AA

  3. Un visitant que vol donar accedeix al sistema de donacions, simplificat i accessible, que processa el pagament amb Stripe

  4. axe DevTools audita periòdicament les pàgines per verificar que es manté la conformitat WCAG 2.1 AA després de cada publicació

  5. El cercador avançat i les taxonomies transversals permeten trobar contingut entre les diferents àrees del portal sense perdre la jerarquia de la fundació

04Impacte mesurat

Resultats

  • AA Certificació WCAG 2.1
  • +200% Donacions en línia
  • 15+ Editors formats
  • +150% Visibilitat orgànica

Dades verificables

Mètriques en detall

Durada del projecte del portal (mesos)
10
Especialistes a l'equip del projecte
6
Àrees de contingut gestionades al portal (serveis socials, ocupació, centre especial de treball, residències, activitats)
5
Tipologies de contingut personalitzades (programes, serveis, notícies, esdeveniments)
4

Metodologia: Dades d'abast del projecte (2024): la durada i l'equip surten del contracte; les àrees i tipologies de contingut, de l'arquitectura del portal. Les mètriques d'accessibilitat, donacions, formació i visibilitat són a la secció de resultats d'aquest cas.

05El procés

El procés

  1. Auditoria

    Anàlisi de continguts existents i requisits d'accessibilitat

  2. Arquitectura

    Disseny de tipologies, taxonomies i fluxos editorials

  3. UX/UI

    Disseny inclusiu amb focus en usabilitat universal

  4. Desenvolupament

    WordPress amb blocs personalitzats i testing continu

  5. Formació

    Capacitació de l'equip editorial en accessibilitat

“Per primera vegada tenim un portal que reflecteix els nostres valors d'inclusió. Les donacions en línia han crescut exponencialment i hem rebut reconeixement per la nostra accessibilitat digital.”

Directora de Comunicación Fundació Ampans

El teu proper projecte?

Parlem de resultats

Explica'ns el teu repte. Et respondrem en menys de 24h.

Començar la conversa
  • NDA disponible
  • Resposta <24h
  • Proposta per fases
Proper projecte Nexo (producto propio) IA i SaaS · Producte propi