Desarrollo Web & Accesibilidad 2024

Fundació Ampans

Portal WordPress de gran escala para fundación de integración social: accesibilidad WCAG 2.1 AA, múltiples áreas de contenido, donaciones y difusión de programas.

10 meses 6 especialistas 2024 ampans.cat
Servicios
  • Desarrollo WordPress
  • Accesibilidad WCAG
  • UX/UI Design
  • Arquitectura de Contenidos
  • Formación
Servicios relacionados

01El reto

El reto

Ampans, fundación dedicada a la integración de personas con discapacidad, necesitaba un portal WordPress de gran envergadura que gestionara múltiples áreas: servicios sociales, programas de empleo, centro especial de trabajo, residencias y actividades. El sitio debía ser ejemplo de accesibilidad digital, facilitar las donaciones online y ser mantenible por un equipo editorial diverso.

02La solución

La solución

Desarrollamos un ecosistema WordPress con arquitectura de contenidos compleja: tipologías personalizadas para programas, servicios, noticias y eventos, taxonomías transversales y buscador avanzado. Implementamos WCAG 2.1 nivel AA con navegación por teclado, compatibilidad con lectores de pantalla, modo de alto contraste y textos escalables. El sistema de donaciones es accesible y simplificado. Formamos a más de 15 editores para mantener los estándares.

Stack tecnológico

Así está montado

Front

  • ACF Pro Campos a medida
  • Gutenberg Edición por bloques
  • axe DevTools QA de accesibilidad

Motor

Datos

  • MySQL Base de datos

03Arquitectura

Cómo fluye una petición

  1. Un editor de una de las áreas del portal (servicios sociales, empleo, residencias, actividades) publica contenido con los bloques de Gutenberg y los campos personalizados de ACF Pro

  2. El sitio sirve la página con navegación por teclado, compatibilidad con lectores de pantalla, modo de alto contraste y textos escalables conforme a WCAG 2.1 AA

  3. Un visitante que quiere donar accede al sistema de donaciones, simplificado y accesible, que procesa el pago con Stripe

  4. axe DevTools audita periódicamente las páginas para verificar que se mantiene la conformidad WCAG 2.1 AA tras cada publicación

  5. El buscador avanzado y las taxonomías transversales permiten encontrar contenido entre las distintas áreas del portal sin perder la jerarquía de la fundación

04Impacto medido

Resultados

  • AA Certificación WCAG 2.1
  • +200% Donaciones online
  • 15+ Editores formados
  • +150% Visibilidad orgánica

Datos verificables

Métricas en detalle

Duración del proyecto del portal (meses)
10
Especialistas en el equipo del proyecto
6
Áreas de contenido gestionadas en el portal (servicios sociales, empleo, centro especial de trabajo, residencias, actividades)
5
Tipologías de contenido personalizadas (programas, servicios, noticias, eventos)
4

Metodología: Datos de alcance del proyecto (2024): la duración y el equipo salen del contrato; las áreas y tipologías de contenido, de la arquitectura del portal. Las métricas de accesibilidad, donaciones, formación y visibilidad están en la sección de resultados de este caso.

05El proceso

El proceso

  1. Auditoría

    Análisis de contenidos existentes y requisitos de accesibilidad

  2. Arquitectura

    Diseño de tipologías, taxonomías y flujos editoriales

  3. UX/UI

    Diseño inclusivo con foco en usabilidad universal

  4. Desarrollo

    WordPress con bloques personalizados y testing continuo

  5. Formación

    Capacitación del equipo editorial en accesibilidad

“Por primera vez tenemos un portal que refleja nuestros valores de inclusión. Las donaciones online han crecido exponencialmente y hemos recibido reconocimiento por nuestra accesibilidad digital.”

Directora de Comunicación Fundació Ampans

¿Tu próximo proyecto?

Hablemos de resultados

Cuéntanos tu desafío. Te responderemos en menos de 24h.

Empezar conversación
  • NDA disponible
  • Respuesta <24h
  • Propuesta por fases
Siguiente proyecto Nexo (producto propio) IA & SaaS · Producto propio