Here’s the only detailed guide to the main tools for creating a competent accessible design! Both newbies and professionals will find something new here. Let’s go!
Accessibility in web design, as we define it, makes possible complete product usage by users of all abilities. It ensures a high-quality user experience and affects all the metrics from user satisfaction to conversion rate. In one of our latest interviews, senior designers name accessibility one of the key characteristics of great design.
Around 15% of people worldwide live with various disabilities, and they would like to use the Internet and apps as others. That’s why every designer should think about making UX accessible:
Now let’s find out what accessibility standards there are and how you can test your product for accessibility.
3 standards pursuing the same goal: to make technology accessible to people with various types of disabilities.
As you can see, these standards cover all industries (governments, businesses, nonprofit organizations) to make their products and services accessible.
Tired of finding the best combination between text and background? Reverse or randomize it for some inspiration.
Ready-to-use 90 combinations of colors which you can use in your products/
macOS tool to help you determine the ratio of contrast in your interface elements. It is based on WCAG and helps you pick the right colors.
Enter your text object and page background colors — get the result immediately!
macOS tool which helps you analyze text accessibility with a combination of colors. Based on WCAG.
Test your palette online — add up to 12 colors and see the result!
Plugin for Figma, Sketch, Adobe XD and Google Chrome. Includes contrast checker, colorblind generator, color suggestions, and also 9 color blindness simulations.
Online tool to quickly check the contrast of your text. Choose a background color, font options and see how good your color combination is.
Online tool for checking out your color set.
A tool that allows users to control their smartphones using volume buttons, external keyboards, or switches.
A checklist based on Section 508 and WCAG. There are a LOT of standards, but you can find the guidelines you need by using hashtags.
iOS and macOS features that will help to test your product’s audio, text, control, and mobility.
Community-driven accessibility guideline based on WCAG. Includes all 3 levels of accessibility — A, AA, and AAA. It’s not only about text or contrast but also appearance, animations, and touch interfaces.
Online checker and app for making your copies easier to read. Hemingway highlights complicated sentences, adverbs, and passive voice. Edit your text, make it simple to read and easy to understand.
Photosensitive Epilepsy Analysis Tool helps you analyze videos and animation for potential visual risks.
Accessibility standards and tools will allow you to create services for everyone. Make some good UX, help people enjoy your product — and they will love it.