An Accessibility Checklist for Designers and Developers

How to create accessible UI, and why it matters

Illustration by Lizzie Buehler

✔️ Hierarchy and order

Content presented in visual order: top to bottom, left to right.
The arrow and tab keys are used for keyboard navigation.
Tab order matches visual order.

✔️ Labels

Labels and placeholder text provide context for UI elements.
Buttons with icons should have accessible names.

✔️ Color and contrast

Hyperlinks use color and underlines as visual cues.

✔️ Feedback

Deleting a file permanently can’t be undone, so better confirm with the user.

✔️ Scalable layout

UI can respond to changes in screen width or zoom.

More resources

Microsoft Design

Putting technology on a more human path, one design story at a time.

Serena Zheng

Written by

I write words and sometimes code @Microsoft. Views are my own 😎

Microsoft Design

Putting technology on a more human path, one design story at a time.