A11y Lab.

A11y Lab.

Introduction

Introduction

A11y Lab, is part of the Commerce Studio suite of digital products at WPP, and is a dynamic accessibility scanning tool used across client accounts to assess, track and improve performance of accessibility on brand sites and digital applications.

Year

2024

Industry

Agency

Scope of work

/

Design System

/

UI

/

UX

/

Product Design

Services

/

Strategy

/

Audit

/

Component Creation

/

Design-to-code

Timeline

9 weeks

Introduction

A11y Lab, is part of the Commerce Studio suite of digital products at WPP, and is a dynamic accessibility scanning tool used across client accounts to assess, track and improve performance of accessibility on brand sites and digital applications.

Year

2024

Industry

Agency

Scope of work

/

Design System

/

UI

/

UX

/

Product Design

Services

/

Strategy

/

Audit

/

Component Creation

/

Design-to-code

Timeline

9 weeks

Challenges

Challenges

The accessibility monitoring ecosystem is inherently fragmented. Organisations typically juggle multiple tools—automated scanners, manual audit reports, user testing feedback, and compliance tracking systems—each operating in isolation with different data formats, metrics, and reporting standards. This fragmentation creates several critical pain points that we addressed, bringing them into one platform.

/ Solutions

Data Normalisation to solve the fragmented data sources

An adaptive Interface to address the information architecture complexity

Workflows to remove cross-team collaboration barriers

Contextual learning to empowers teams with varying accessibility expertise

Lab Green

invertible.labgreen.500

Lab Green

invertible.labgreen.500

Lab Green

invertible.labgreen.500

Lab Green Light

invertible.labgreen.300

Lab Green Light

invertible.labgreen.300

Lab Green Light

invertible.labgreen.300

Lab Orange

invertible.laborange.500

Lab Orange

invertible.laborange.500

Lab Orange

invertible.laborange.500

Lab Purple

invertible.labpurple.500

Lab Purple

invertible.labpurple.500

Lab Purple

invertible.labpurple.500

Lab Blue

non-invertible.labblue.500

Lab Blue

non-invertible.labblue.500

Lab Blue

non-invertible.labblue.500

Lab Black

non-Invertible.labblack.900

Lab Black

non-Invertible.labblack.900

Lab Black

non-Invertible.labblack.900

From concept to completion

From concept to completion

Extensive UX concepting and wireframing was done to consolidate the multiple data sources that fed into the Lab platform. The UI and design system needed to be clear and scannable for users to easily understand issues and pain points.

(Drag left to right below to see the transition from ideas to execution)

/ Accessibility issues page

/ Dashboard

How it came together

How it came together

The result was a clean, modern and scalable UI and design system that would function day-to-day for a wide range of users with different skill levels, and understanding of the data metrics.

Final thoughts

Final thoughts

The A11y Lab product was an interesting project to run internally within an agency, as it brought together several different teams that may not always work together, including - customer experience, design, data & analytics and account management.

The result was a real collaboration of different teams and their requirements, aligned to user needs, to deliver the end product.

blairjarvis.

studio

Have a project in mind?

By submitting, you agree to our Terms and Privacy Policy.

© 2025 blairjarvis.studio

Let’s talk.

Tell me about your project—whether it’s a design system, website, or branding.

Quick response.

If you’re ready to create and collaborate, I’d love to hear from you.

Clear next steps.

After the consultation, I’ll provide you with a detailed plan and timeline.

Design Director

at blairjarvis. Studio

Blair Jarvis

blairjarvis.

studio

Have a project in mind?

By submitting, you agree to our Terms and Privacy Policy.

Let’s talk.

Tell me about your project—whether it’s a design system, website, or branding.

Quick response.

If you’re ready to create and collaborate, I’d love to hear from you.

Clear next steps.

After the consultation, I’ll provide you with a detailed plan and timeline.

Design Director

at blairjarvis. Studio

Blair Jarvis

blairjarvis.

studio

Have a project in mind?

By submitting, you agree to our Terms and Privacy Policy.

© 2025 blairjarvis.studio

Let’s talk.

Tell me about your project—whether it’s a design system, website, or branding.

Quick response.

If you’re ready to create and collaborate, I’d love to hear from you.

Clear next steps.

After the consultation, I’ll provide you with a detailed plan and timeline.

Design Director

at blairjarvis. Studio

Blair Jarvis