a11y

UX is about function, but also delight, whimsy, wit and beauty. But when it comes to accessibility, we tend to take the term literally…

We are surrounded by a world of motion and I would like to get off of it

Before color-contrast(), stylesheet authors needed to know accessible colors ahead of time. Often a palette would show black or white text on a color swatch, to indicate to a user of the color system which text color would be needed to properly contrast with that swatch.

WP Accessibility fixes common accessibility issues in your WordPress site.

In this Make WordPress Accessibility Handbook you will learn what the best practices are for web accessibility, the many great accessibility tools, the testing we do to improve WordPress, themes, a…

Eine barrierefreie WordPress-Website zu erstellen ist einfacher als man denkt. Es sind nur wenige Regeln zu beachten, die wir euch hier erläutern.

In this article, we will explore how an accessibility-first approach can lead you down the path of creating a better visual design for charts. Throughout the article, you’ll learn to use the Web Content Accessibility Standards and how this approach leadd to an unexpected yet better outcome for everyone.

Ever wondered how a screen reader user accesses the web?Follow @LeonieWatson and @brucel as they go exploring and share their findings from a range of websites for @smashingmag.https://t.co/y4HR20tIaG— TetraLogical (@TetraLogical) July 7, 2022

A small project debunking common accessibility myths.

WCAG 3 will use a new color contrast method called APCA (Advanced Perceptual Contrast Algorithm).It's a big improvement over the current system but there are a lot of changes to get your head around.🧵 pic.twitter.com/yLbujn3hG4— Dan Hollick 🇿🇦 (@DanHollick) December 9, 2021

Here you can find the three talks and the panel discussion from our Smashing Meets for All community event around web accessibility. Enjoy!

How can we make sure to design with accessible colors?

In our age of ubiquitous digital displays, adults often read in short, opportunistic interludes. In this context of Interlude Reading, we consider if manipulating font choice can improve adult readers’ reading outcomes. Our studies normalize font size by ...

Have you wondered how to anchor accessibility in an engineering team, one that isn’t yet producing accessible sites or apps? Some options to start with, for further refinement and discussion.

Web Accessibility is a must in every web development project, yet it seems to remain a mystery for many web developers. Like it's something legendary instead of an essential skill needed for the job. There are many misconceptions surrounding Web Accessibility, most of the time fueled by a lack of knowledge (or interest) in the matter. This article is a collection of some of those accessibility misconceptions or myths. :: Blog post at Alvaro Montoro's Personal Website.

Good accessibility programs include things that go above and beyond just compliance with the WCAG guidelines

There’s more to a link than just a clickable word or image. So, how do you create the perfect link? Rian tells you in our blog!

It’s more important than ever to consider mental health while designing.

Look at the image above. Don’t you feel some colors are brighter than others? For example, between the yellow and blue: which is brighter?

The APCA Advanced Perceptual Contrast Algorithim SIMPLE VERSION.

The W3C Accessibility Guidelines (WCAG) 3.0 provide a wide range of recommendations for making web content more accessible to users with disabilities. Following these guidelines will address many of the needs of users with blindness, low vision and other vision impairments; deafness and hearing loss; limited movement and dexterity; speech disabilities; sensory disorders; cognitive and learning disabilities; and combinations of these. These guidelines address accessibility of web content on desktops, laptops, tablets, mobile devices, wearable devices, and other web of things devices. They address various types of web content including static content, interactive content, visual and auditory media, and virtual and augmented reality. The guidelines also address related web tools such as user agents (browsers and assistive technologies), content management systems, authoring tools, and testing tools.

Accessible Palette is an app for building color systems with consistent lightness and predictable contrast ratios across color levels.

You might know something about cognitive and neurological disabilities, but have you ever considered how these impact the way someone interacts with a website? This talk offers an opportunity to learn more.

Look at the image above. Don’t you feel some colors are brighter than others? For example, between the yellow and blue: which is brighter?