Case study · Docusign · 2026

A11ykit Annotation Wizard

A Figma plugin that turns complex WCAG guidance into a guided annotation workflow, removing the hesitation designers feel when it’s time to annotate.

Role
Accessibility Designer, supporting Laurie Jones, who led design and development
Team
Docusign Accessibility Team
Launched
September 23, 2026, alongside A11ykit 1.5
Built with
Copilot and Claude for Figma

Overview

Even with A11ykit, annotating a design meant knowing which annotation to use, and when.

The Annotation Wizard removes that hesitation with automation. It walks designers through annotating their work and communicating accessibility requirements to engineers, turning WCAG guidance into a repeatable annotation language so accessible handoff feels natural from the start.

My part

Laurie, an engineer, led the plugin’s design and development, and I supported her by updating the A11ykit 1.5 annotation library it builds on. It’s an example of an engineer and a designer working as one team, each supporting the other across design and development. I made sure the 1.5 annotations worked with Laurie’s code, tested and iterated with her whenever something broke, and shipped the library alongside the plugin, demoing both to design leadership.

  1. Two puzzle pieces fitting together: a white piece with the A11ykit arch logo and a dark piece with the Figma logo.

    The ideaDesigners want their work to be accessible, but annotating it is hard. Pairing A11ykit with a Figma plugin makes that part easier.

  2. In practice The Resolve duplicate files in a spreadsheet dialog, annotated with green accessibility tags: Accessible name “Close” on the close button, a numbered marker on the Learn more link, Accessible name “Download CSV” on the download icon button, and Button on Skip to Import. Beside it, the A11y Annotation Wizard plugin window is on the Buttons step, explaining that the icon button needs an accessible name, with Download CSV entered and buttons to insert the annotation on the canvas.

    For an icon-only button, the designer types its accessible name into the wizard, and the wizard adds it to the annotation on the design.

At a glance

What
A Figma annotation plugin
Purpose
Faster, more confident accessibility handoff
How
Automation that removes the hesitation around annotating
Reach
About 80 designers, plus content writers, and hundreds of engineers

A labor of love, built with Laurie Jones and the whole Accessibility Team.