The six Do & Don't poster covers

Design for Accessibility: Six Do and Don’t posters

Since I'm learning to design for accessibility, I had to undesign a part of the design process taught during my design studies. The six Do and Don't posters on designing for accessibility released by the Home Office Digital have helped my Undesig Process.

Homepage of Stark blurred to stimulate a bad bad headache

Blurred Vision simulation

Stark now offers a new feature in its plug-in for Sketch and Figma that stimulates blur vision - astigmatism, presbyopia, dry eye syndrome, cataracts, glaucoma and age-relation macular degeneration.

This option is available in the pro version of the plug-in for $60/yr.

How to design a color friendly UX

How to Design for Color Blindness

Five elements any designers should be focusing on for a color-friendly design.

10 easy techniques to help others to understand accessibility

Helping others to understand accessibility

Accessibility can be challenging to explain. Here are ten easy methods to help demonstrate the barriers others face.

A person is using a screen magnifier software to assist her ordering a pizza online.

Introduction to Web Accessibility

This free course presented by the W3C will give you solid foundations in accessibility and help you provide a better experience for everyone. Note: if you want to earn the certificate, you'll need to switch to the verified course.

A seven-steps guide to start designing a more accessible web

Designing for accessibility is not that hard

Pablo Stanley wrote and illustrated a 7-steps guide to start designing for a more accessible web. A must-read article 💜

ColorOracle logo

Color Oracle

About 10% of the population - mostly males - has a form of colorblindness.
Color Oracle is a free color blindness simulator for Windows, Mac OS and Linux. It shows in real time what people with common color vision impairments see.

Learn how to design accessible forms

How to design an accessible form

The UX Designer, Núria Peña presents the best practices of how to make forms accessible for as many people as possible from a design perspective.

What is an accessible font?

What Makes a Typeface Accessible

Gareth Ford Williams - Head of UX Designer at the BBC - pulled together a resource about readability and accessible typefaces to help designers to make more informed design decisions.

Accessibility for Everyone

Accessibility for Everyone by Laura Kalbag

If you’d like to start with accessibility but don’t know where to start, treat yourself with this short & action-packed accessibility guidebook 😇

Simulation of colorblindness

Stark

One of the most recommended Figma plug-in that stimulates various types of colorblindness. Stark can also be use to check color-contrast ratios of your designs.

Able logo

Able

Able is one of the most recommended plug-in for Figma that helps you to measure color-contrast ratio and simulate color blindness.