Web Development & Accessibility 2024

Fundació Ampans

Large-scale WordPress portal for a social inclusion foundation: WCAG 2.1 AA accessibility, multiple content areas, donations and program outreach.

10 months 6 specialists 2024 ampans.cat
Services
  • WordPress Development
  • WCAG Accessibility
  • UX/UI Design
  • Content Architecture
  • Training
Related services

01The challenge

The challenge

Ampans, a foundation dedicated to the inclusion of people with disabilities, needed a large-scale WordPress portal to manage multiple areas: social services, employment programs, special employment center, residences and activities. The site had to be a model of digital accessibility, facilitate online donations and be maintainable by a diverse editorial team.

02The solution

The solution

We developed a WordPress ecosystem with complex content architecture: custom post types for programs, services, news and events, cross-cutting taxonomies and advanced search. We implemented WCAG 2.1 level AA with keyboard navigation, screen reader compatibility, high contrast mode and scalable text. The donation system is accessible and streamlined. We trained over 15 editors to maintain the standards.

Tech stack

How it's built

Front end

  • ACF Pro Custom fields
  • Gutenberg Block editing
  • axe DevTools Accessibility QA

Engine

Data

  • MySQL Database

03Architecture

How a request flows

  1. An editor from one of the portal's areas (social services, employment, residences, activities) publishes content with Gutenberg blocks and ACF Pro custom fields

  2. The site serves the page with keyboard navigation, screen reader compatibility, a high-contrast mode and scalable text in line with WCAG 2.1 AA

  3. A visitor who wants to donate accesses the simplified, accessible donation system, which processes payment with Stripe

  4. axe DevTools periodically audits the pages to verify that WCAG 2.1 AA compliance is maintained after each publication

  5. The advanced search and cross-cutting taxonomies make it possible to find content across the portal's different areas without losing the foundation's hierarchy

04Measured impact

Results

  • AA WCAG 2.1 certification
  • +200% Online donations
  • 15+ Trained editors
  • +150% Organic visibility

Verifiable data

Metrics in detail

Duration of the portal project (months)
10
Specialists on the project team
6
Content areas managed in the portal (social services, employment, special employment center, residences, activities)
5
Custom content types (programs, services, news, events)
4

Methodology: Project scope data (2024): duration and team come from the contract; the content areas and types, from the portal architecture. The accessibility, donations, training and visibility metrics are in the results section of this case study.

05The process

The process

  1. Audit

    Existing content analysis and accessibility requirements

  2. Architecture

    Design of post types, taxonomies and editorial workflows

  3. UX/UI

    Inclusive design focused on universal usability

  4. Development

    WordPress with custom blocks and continuous testing

  5. Training

    Editorial team training on accessibility standards

“For the first time, we have a portal that reflects our values of inclusion. Online donations have grown exponentially and we have received recognition for our digital accessibility.”

Directora de Comunicación Fundació Ampans

Your next project?

Let's talk results

Tell us your challenge. We'll respond within 24h.

Start a conversation
  • NDA available
  • Response <24h
  • Phased proposal
Next project Nexo (producto propio) AI & SaaS · Our Own Product