The Accessible Web Design Tracer™

Design to accessibility standards without memorizing all the rules.

Detailed close up of the labelling system and stencil grooves in the accessible web design tracer tool
The tracer tool is moved to reveal organized interface sketches on a piece of paper underneath

About Tracer

Our tool helps designers easily sketch layouts and components that meet global web accessibility standards. It helps to embed accessibility into the early stages of the web design process. With our tool, designers can easily sketch elements like headings, paragraphs, links, buttons, icons, and form fields that meet accessibility standards and appear to 1:1 scale of how they will appear in the final build.

Meets WCAG 2.1 AA guides

Pairs with 8.5" x 11" paper

PDF user manual included

Tracer's Special Features

Draft website UI designs at scale

Tracer helps designers draw website components at the size they will appear on a desktop site.

Align and organize content

Visual guides on the tool make it easy to align content to left and center margins.

Plan interactions and focus states

Focus guides help plan the focus states on interactive elements like links and buttons.

Product Reviews

I don’t even know what this thing does but just by looking at it I know that I want one.

Hazel Anchorpoint
‍CEO, Designly

Tracer helped me slow down the pace at which I plan out my designs, allowing me to create more thoughtful design choices.

Juliana Helvetica
Product Designer, Honeyjam

I like how this tracer is going to help me take my website design process offline and back to my pencil and paper.

Gandalf The Grey
Busy Wizard