Scaling Accessibility Practices Across a Lean Product Program

I drew on my background as a certified Trusted Tester to build cross-team accessibility knowledge from the ground up—running hands-on workshops, piloting dev-mode annotation workflows, and contributing to shared component documentation to reduce repeated failures and foster a culture of proactive accessibility.

Images shown are illustrative representations of my design process and do not include actual product screenshots or wireframes due to confidentiality.

Role:

Accessibility Expert & Product Designer

Team:

Cross-functional program with 10 Lean product teams

Tools:

ANDI, Figma Dev Mode, Github Pages, screen readers

Skills:

Section 508 / WCAG Compliance, strategic thinking, accessibility testing, workshop facilitation, cross-team enablement

Timeline:

2025 - 2026

Challenge

Our program consisted of 12 Lean product teams, each with a dedicated product designer, PM, and development team working on a single application within a larger suite of case management tools. While the structure kept teams nimble and focused, it created a critical gap in shared knowledge: accessibility.

The suite was regularly subjected to Section 508 compliance audits, and it was regularly failing. The problem wasn't that teams were careless—it was that accessibility experience varied enormously from team to team, and there were no centralized or shared guidelines. When an audit surfaced issues, a team would triage and patch them in isolation, but that knowledge stayed siloed. The same mistakes surfaced again and again across different applications and audit cycles.

Making the challenge more visible was the performance of our sister organization, Org B, which shared the same Section 508 audit framework and had a markedly better compliance track record than our organization, Org A. Understanding why meant looking at how they were structured—and what we'd have to do differently to get there.

Insight

Before joining this program, I had worked as a Trusted Tester at Org B, which operated on a fundamentally different model. There, designers worked on a centralized, internal agency team—ten designers who were tapped by individual PMs and developers across projects as needed. In that structure, I had served as the dedicated accessibility reviewer for all ten designers' work.

I completed 50+ hours of accessibility training and passed a formal exam to become a certified Trusted Tester—a role that gave me the expertise and authority to evaluate designs and interfaces against the same standards that official auditors use. In a centralized model, that depth of specialization made sense: I could dedicate significant time and attention to accessibility review because it was a defined part of my role.

But that model wasn't transferable. Our 12-team program was structured to keep individual teams lean and responsive. There was no central design pool to consolidate review through—and creating one would undermine the agility the structure was designed to protect. Essentially, the challenge wasn't knowledge, but distribution of knowledge.

Key findings

Highly variable baseline knowledge across teams:

Some designers had prior experience with WCAG or accessibility testing tools; others had none. Without a shared starting point, each team developed its own interpretation of compliance requirements—leading to inconsistent implementations across the application suite.

Reactive compliance culture:

Accessibility was treated as a remediation task triggered by audit failures, not a design and development consideration from the start. Teams had no structured way to evaluate accessibility during sprints before the auditor did.

Siloed knowledge:

When a team fixed an audit finding, that solution stayed with that team. There was no mechanism to broadcast what had been learned to the other 11 teams who might face the same issue in the next cycle.

Handoff gaps between design and development:

Designers who did think carefully about accessibility came up with individual, non-standard ways to communicate ARIA labels, focus behavior, or role assignments to developers, using a hodge-podge of Teams messages, Jira comments, and Figma comments.

Design system coverage was surface-level:

The existing shared library addressed color contrast and basic visual compliance, but did not document interaction behavior, keyboard navigation, live region handling, or the ARIA attributes required for correct screen reader behavior.

Approach

Rather than trying to replicate the centralized reviewer model that worked at the sister organization, I designed a program to build distributed expertise across all 12 teams—equipping individual designers and developers with the knowledge, tools, and documentation to test and design accessibly from the start of every sprint, not just when an audit was looming.

Accessibility workshops

I led a series of hands-on workshops for designers across the program, using the same evaluation tools that Section 508 auditors use in the field. While the existing component library already covered fundamentals like color contrast, the workshops went significantly deeper:

  • Page hierarchy and heading structure: How to build logical reading and navigation order for screen reader users
  • Programmatic labels: Associating form fields, inputs, and interactive elements with meaningful labels that assistive technologies can parse
  • ARIA labels and landmark roles: When and how to apply ARIA attributes correctly, and when to rely on native HTML semantics instead
  • Dynamic content: Managing live regions, status messages, and state changes so they're announced appropriately by screen readers

Each session was practical and tool-forward—participants tested live pages using ANDI and WAVE, identified real issues in their own applications, and left with a concrete checklist they could apply immediately in their next design review.

Figma Dev Mode accessibility pilot

A persistent gap between design and development was that accessibility intent rarely survived the handoff. Designers might understand the required ARIA label for a component, but without a structured way to communicate that to developers, it often got lost or misinterpreted in implementation.

I led a pilot program using Figma Dev Mode to close that gap. By embedding accessibility annotations—including ARIA labels, roles, and relevant HTML attributes—directly into code snippets within the design file, developers received clear, actionable specifications alongside visual designs rather than in a separate document that might be overlooked. The pilot tested whether this approach could improve implementation accuracy and reduce accessibility-related rework.

Storybook accessibility documentation

The final piece was making accessibility knowledge persistent and reusable across teams. I collaborated with developers to write accessibility content and code snippets directly into Storybook component documentation, covering both the Ruby and React implementations in the shared component library.

For each component, this included guidance on correct ARIA attributes, expected keyboard interaction patterns, screen reader behavior, and code examples implementing those requirements in both languages. Rather than requiring designers or developers to rediscover the correct implementation each time, the answers were built into the tools they were already using.

Impact

This work addressed accessibility at the structural level—not just the symptom of repeated audit failures, but the underlying conditions that made those failures inevitable. By distributing knowledge and embedding accessibility into the tools and workflows teams already use, the program reduced the dependency on post-audit remediation and built the foundation for proactive, sustained compliance.

Key Achievements

01.

Delivered accessibility workshops that introduced 12 product teams to auditor-grade testing tools and techniques—building a consistent, shared baseline of accessibility knowledge across the program for the first time

02.

Piloted a scalable design-to-dev handoff model using Figma Dev Mode to embed ARIA labels and accessibility annotations directly in code snippets, reducing handoff gaps that had contributed to repeated implementation failures

03.

Contributed lasting documentation to shared Storybook component libraries in both Ruby and React, giving all teams persistent, implementation-ready accessibility guidance for every shared component

04.

Shifted the program's accessibility culture from reactive remediation toward proactive design practice, enabling teams to catch and address issues within their own sprint cycle rather than waiting for external audit cycles to surface them

This project demonstrated my ability to adapt specialized expertise to an organizational context where direct application wasn't possible, design scalable knowledge-transfer programs, and create durable artifacts that outlast any single initiative.
A learning management system interface
Looking for more product design?

Continue reading about the Enterprise Training & Enablement Initiative I led to build a new LMS from the ground up.