How to Hand off Accessible Designs to Developers…

So vision-impaired users will gain a comparable experience to those who can see well

Lisha Dai
6 min readJul 28, 2021
A designer is handing off a mockup with notes to a developer.

When delivering a list of rectangular interfaces to developers, have you consider how visually impaired users perceive your design? If you haven’t thought about this question yet, most likely, the developer is doing your job — translating the visual journey into an auditory experience via coding.

If you want to guarantee pleasant experiences for all users — including visually impaired users, this article will show you how to do it step by step.

A bit of background: in the last 1.5 years, I have worked for a client whose products need to reach level AA compliance with the Web Content Accessibility Guidelines (WCAG). In this project, one of the challenges I had was how to communicate all accessibility details of a design with the developers.

My colleague, who has participated in multiple accessibility projects, suggested that I could deliver accessibility notes together with the design.

If you are ready, let’s go through it one by one.

How to make accessibility notes

Point out landmarks, e.g. header, main, footer

--

--

Lisha Dai
Lisha Dai

Written by Lisha Dai

Hello, I am a passionate product designer and a storyteller based in Finland. I would like to use comics to share my design learnings with you all ❤

Responses (4)