All case studies

Education · Civic engagement

WCAG audit & remediation for an education platform

National education nonprofit

End-to-end accessibility program for Civic Gym — a Vue-based learning platform used by educators and students nationwide. Multi-engine audits, Notion-tracked remediation, and code-level fixes across authenticated flows.

28

Routes audited

9

Scan engines

249

Collapsed findings

35+

Dev findings in scope

The challenge

The organization needed a rigorous WCAG 2.1 Level AA audit across dozens of authenticated routes — student hubs, educator playbooks, challenge flows, and public landing pages — with findings triaged by design vs. development ownership and a remediation path that could keep pace with an active product roadmap.

Our approach

We built a dedicated audit harness that runs nine engines against every URL in scope: axe-core, Pa11y, Lighthouse, custom contrast sampling, keyboard and focus-order sweeps, viewport-variant passes, video caption checks, and static Vue accessibility lint. Findings normalize into a single tracker with WCAG criterion mapping, severity scores, plain-language guidance, and annotated screenshots. From there, findings triage into a dev remediation backlog and ship as focused pull requests, with each fix re-verified against the audit baseline and progress reported run-over-run.

Outcomes

  • Phase 1 audit across 28 routes with 249 collapsed findings mapped to WCAG criteria and ownership
  • Dev remediation backlog ranked by severity, page criticality, and effort
  • Run-over-run delta reports showing resolved, new, and regressing issues for stakeholder updates
  • Manual review passes for design, development, and screen-reader coverage per contract
  • Notion tracker integration so findings, screenshots, and status stay visible to the whole team

Highlights

  • Authenticated scan flows for student, educator, and anonymous roles
  • Cross-engine deduplication with design vs. dev ownership
  • Modal focus, live region, and nested-interactive behavior checks
  • ESLint vuejs-accessibility lint integrated into the scan pipeline
  • Phase 3 delta validation comparing baseline and verification runs

Technology

  • Playwright
  • axe-core
  • Pa11y
  • Lighthouse
  • Vue.js
  • Notion API
  • TypeScript

Let's talk about your project

Tell us what you are building and we will get back to you soon.

Get in touch