Desenvolupament web i accessibilitat

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
Scroll
Serveis
Desenvolupament WordPressAccessibilitat WCAGUX/UI DesignArquitectura de contingutsFormació
Abans

El desafiament

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.

Després

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.

K

Tecnologies.

Les eines que van fer possible aquest projecte

WordPress
A
ACF Pro
G
Gutenberg
PHP
MySQL
Stripe
A
axe DevTools

Com flueix una petició.

  1. 01 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. 02 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. 03 Un visitant que vol donar accedeix al sistema de donacions, simplificat i accessible, que processa el pagament amb Stripe
  4. 04 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. 05 El cercador avançat i les taxonomies transversals permeten trobar contingut entre les diferents àrees del portal sense perdre la jerarquia de la fundació

Resultats.

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

Mètriques en detall.

Mètrica Resultat
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.

Procés.

01

Auditoria

Anàlisi de continguts existents i requisits d'accessibilitat

02

Arquitectura

Disseny de tipologies, taxonomies i fluxos editorials

03

UX/UI

Disseny inclusiu amb focus en usabilitat universal

04

Desenvolupament

WordPress amb blocs personalitzats i testing continu

05

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."
D
Directora de Comunicación Fundació Ampans
El teu proper projecte?

Parlem de resultats.

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

Iniciar conversa
  • NDA disponible
  • Resposta <24h
  • Proposta per fases
Nexo
Proper projecte

Nexo

IA i SaaS · Producte propi Agents IA · Desenvolupament Laravel · Desenvolupament React