Visual

A free mobile app that wants to make the world more accessible for blind and low-vision people.

A tool for testing accessible colour combinations in print. This is useful for exhibition design.

This is a guide to foreground colour accessibility on a background image. It is intended as guide for designers and developers to test if their design solution is accessible. Change the text size, colour and position. It will check the dimensions of the textarea against the background image.

Lets you experience how people with different disabilities perceive a website. Simulate colour blindness, low vision, dyslexia and more. An easy-to-use tool both to increase understanding and lower the threshold to test accessibility on a website.

Use this tool to check that there is enough contrast between link text, regular text, and the background colour.

Tables of contents provide a page overview and direct access to specific sections. When designing a table of contents, carefully compare different placement and styling options to maximise usability.

Fortunately, accessibility has been discussed a lot lately, but evidently, some biases and myths are still to be debunked.

Unsure where to start? Use this collection of links to our articles and videos to learn more about accessible and inclusive design.

Practical guidelines to prevent rage taps and rage clicks with accessible tap targets for icons, links and buttons — on desktop and on mobile. With useful techniques and guidelines.

A process for adding Sign Language to videos and some tips.

Andy Baio takes a shot at visualising what is like to live with colourblindness

A comprehensive guide for exploring and learning about the theory, science, and perception of colour and contrast.

Discover best practices for creating an inclusive eCommerce experience. Learn how to optimise your website for accessibility and expand your reach.

10 dos and don’ts to keep in mind when designing accessible data visualisations

Best practices when using various accessible text over images techniques for designing your web and mobile app content. These practices can help you to make the text over images more accessible while retaining an aesthetically pleasing look.

With an estimated one in every eight individuals worldwide surpassing the age of 60, who are actively adopting online shopping, the need for user-friendly interfaces tailored to their needs becomes apparent. Explore the guidelines to help you design inclusive products for all, particularly for an older audience and your future self.

Design effective error messages by ensuring they are highly visible, provide constructive communication, and respect user effort.

Form functionality that websites often don’t consider. These strategies can make your forms more usable for all users and accessible for users with disabilities.

This is about designing forms that everyone can use and complete as quickly as possible. Because nobody actually wants to use your form. They just want the outcome of having used it.

Accessibility for data visualisation extends well beyond web standards, at least if you’re trying to create an experience that’s actually useful. This article focuses on WCAG 2.1 standards, and it covers many techniques for embracing accessibility standards to empower better, more accessible visual design.

High quality captions and transcripts are good for business and a necessity for millions of people. Auto captions are not the best accessibility practice. Learn firsthand from a deaf speaker in the 8-minute video.

Learn how to create engaging, WCAG-compliant animations that prioritize accessibility and create great user experiences.

As a designer, we can make the lives of our users easier by designing forms to be straightforward to complete and accessible to all. Here are some practical tips on how to design accessible forms.

In this article, we’ll start with what charts and graphs need to be considered accessible. But, just because it’s accessible, doesn’t mean it’s the best user experience for all types of users. So, we’ll also go over opportunities for creating more usable data visualisations.

Interactive charts can transform data into compelling stories, offering valuable insights at a glance. But what happens when these visual tools are inaccessible to those with visual impairments? In this post, we’ll show you how to ensure your interactive charts are accessible to all users, regardless of their abilities.

An article that goes through why to choose HTML webpages over PDFs, when to use a PDF and some scenarios.

These Inclusive Design Principles are about putting people first. They are intended to give anyone involved in the design and development of websites a broad approach to inclusive design

Making text accessible should be part of everyday practice. However, general typographic practices of optimising legibility and readability don’t necessarily go all the way towards making text accessible.

Standards and principles that combine neurodiversity and user experience design for Learning Management Systems.

To create accessible and inclusive experiences, you need to pay attention to accessibility throughout your design process, not just at the end.

Are your data visualisations leaving some users behind? Learn essential design principles to create accessible charts for all.

8 key tips for accessible typography

Designing data visualisation to be more visually accessible using patterns, shapes, and high contrast colours