Accessibility

On a recent project, we had a set of focus styles built into a design system that were inconsistent and ineffective, leading to a not-so-great end user experience.

Simulates colorblindness in your web browser.

When implementing Dark Mode and ways to toggle it, developers currently need to duplicate code and roll their own toggle implementation. What if, instead, browsers would take care of all that?

A small project debunking common accessibility myths.

Don’t make my mistake – Learn what’s crucial and required about color contrast for text and UI components.

Today, March 24th 2023, the HTML specification added a new grouping content element. The search element.

An equivalent experience is one that has been deliberately conceived of and built to be able to be used by the widest possible range of people. To create an equivalent experience, you must understand all the different ways people interact with technology.

Constructing an equivalent experience may mean changing the way you think about development and design, and potentially reevaluating your existing work. In this article, we’ll address common accessibility issues, and how to best go about improving them so everyone can effortlessly access your content.

The first rule of ARIA suggests it is better avoided if there is an HTML equivalent. Yet sometimes, the right use of ARIA can improve your UI better for end users. In this talk, we’ll look at practical examples of effective ARIA usage and how they work in assistive technologies. Find out more about the patterns that have broad support and which ones to avoid. Let’s look at ARIA, the good parts!

Introduction to the Accessibility Tree

Learn how to use modern tools that offer the best user and developer experience for web forms.

WCAG 2.2 has officially reached “Candidate recommendation” status, meaning it is pretty close to becoming an official standard. What's new?

Reflecting on accessibility misconceptions and how new standards and technologies can add to them.

This article is based on a talk Kevin Berg, VP of solution engineering at Evinced, gave at A11yNYC . Artificial intelligence (AI) can help solve the digital accessibility problem. In fact, GitHub d…

This article is based on a talk David Winslow, software engineer at Figma, gave at A11yNYC. For those who aren’t familiar with it, Figma is a tool that allows people to share and collaborate …

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

Let's break down the new accessibility guidelines!

Using the WCAG 2.2 design principles and guidelines to build accessible services.

Kate Kalcevich documents the major changes of WCAG 2.2 and Samuel Proulx provides an assistive technology user perspective.