9 Best Articles in 2022
medium.com
7 Things Every Designer Needs to Know about Accessibility — Salesforce UX
medium.com
~14 min read · From 2015 · Accessibility enables people with disabilities to perceive, understand, navigate, interact with and contribute to the web. · Shared by 195, including pizza.fig 🍕, Christiane Link, Casey Smith, Aleksandra Wisniewska, Victor Tolosa, Parin Vachhani, Fabricio Teixeira, Natan Souza, Dez S. Papp, Joel Califa, Web Axe, Data Science Renee, Dominik Grolimund, Dennis Lembrée, Tibor Martini 🇺🇦, Easy Chirp, Lailo, Philippe Surber, 🟣 Antonio Vieira Santos #FutureOfWork #InnoTrans2, Ryan Boren
CSS-Tricks
3 Ways We Fail to Take Accessibility Seriously
CSS-Tricks
9 min read · Jan 24th · This article covers perspectives on accessibility in web design that could help us bridge the great divide between users and designers/developers. · Shared by 179, including Steve Faulkner, PacielloGroup, Adrian Roselli 🗯, Stef Walter, Katja Evertz, Eric Bailey, Jonathan Hassell
Stef Walter
A Designer’s Guide to Documenting Accessibility & User Interactions
Stef Walter
~17 min read · Mar 16th · Why, what and how designers should document accessibility requirements and user interactions to make product better and more inclusive · Shared by 157, including Bruce Lawson, Massimiliano Aroffo, Dennis Lembrée, Easy Chirp, Alistair Duggin, Hannah Milan, Nick Floro, Karl Groves (he/him), designshard, Steve Faulkner, Web Axe, Sara Soueidan
hexnaw.com
Hex Naw | A color accessibility tool built by The Scenery.
hexnaw.com
From 2016 · Accessibility testing for color palettes or sass variables, built by The Scenery. · Shared by 95, including Mark Kaigwa, Guillermo Rauch, Philipp Laurim, Leslie D, Selim Imoberdorf, Niklaus Gerber, René Stalder, Ana Rita, Atul Pradhananga, René Clausen Nielsen, Helmi, Sérgio Vieira, henrik, Matt, Chris Messina
medium.com
Writing CSS with Accessibility in Mind
medium.com
20+ min read · From 2017 · An introduction to web accessibility. Tips on how to improve the accessibility of your web sites and apps with CSS. · Shared by 73, including Selim Imoberdorf, Jon Thompson, Davy De Pauw, Dennis Lembrée, Matt, Rodrigo Noales, Álvaro Felipe
The A11Y Project
The Accessibility Project
The A11Y Project
3 min read · From 2015 · A community-driven effort to make web accessibility easier. · Shared by 92, including Niklaus Gerber, Mattia Fregola 🤔, Florian Hanke 🍎, Neill Conroy MNI, Rodrigo Noales, Brad Frost, ᴄʟᴀᴜᴅɪᴏ sᴄʜᴡᴀʀᴢ, Emerson Macedo, Tatiana Mac, Casey Smith, Dominik Grolimund, Chris Guselle, Ferit (at 🏠) 🌙, José Rodrigues, Benoist Lawniczak, Sérgio Vieira, Joe Lencioni, Fabricio Teixeira
Department of Product
Accessibility Checklist for Product Teams
Department of Product
6 min read · Aug 8th · Accessibility is the practice of improving the usability of your products for a broad audience. When product teams hear the word “accessibility” they may think first of people with physical… · Shared by 86
a11yresources.webflow.io
A growing list of accessibility tools and resources
a11yresources.webflow.io
From 2020 · Shared by 107, including Tamara Sredojevic, Jonathan Kogan, Benoist Lawniczak, Evan (he/him), Stef Walter, Chris Peterson, René Stalder, Katja Evertz, Oscar MacDonald, Nick Floro, Hannah Milan, 𝙎𝙝𝙚𝙡𝙡𝙮 𝙎𝙖𝙣𝙘𝙝𝙚𝙯 💡, Victor Tolosa, philipptemmel, Mike Taylor
yatil.net
No Accessibility Without Disabilities
yatil.net
3 min read · Feb 3rd · People who are tasked with remediating accessibility often have little experience of how people with disabilities actually use the web. Learn how to fix that. · Shared by 106, including Eric Bailey, Jen Simmons, Billy Gregory, Sara Soueidan, Paul J. Adam, Stef Walter, Web Axe, Nick Floro, Easy Chirp, Adrian Roselli 🗯, Steve Faulkner, Dennis Lembrée, Caroline Jarrett
Take a deep dive
Trending
Department of Product
Accessibility Checklist for Product Teams
Department of Product
6 min read · Aug 8th · Accessibility is the practice of improving the usability of your products for a broad audience. When product teams hear the word “accessibility” they may think first of people with physical… · Shared by 86
solomon.io
Improving Accessibility with Design Tokens
solomon.io
5 min read · Jul 31st · Ever since Salesloft’s rebrand I’ve been thinking a lot about accessibility. Our decision to make green our brand color helps us standout in the marketplace. However, it causes issues for our… · Shared by 85, including David Hellmann, Nick Floro, Hannah Milan, Marius Bleuer
Chrome Developers
Building the main navigation for a website
Chrome Developers
20+ min read · Sep 7th · This tutorial describes how to build an accessible main navigation of a website. You learn about semantic HTML, accessibility, and how using ARIA attributes can sometimes do more harm than good.There… · Shared by 162, including Chris Heilmann, David Hellmann, Neil Hart 💙, Web Axe
Smashing Magazine 🇺🇦 🏳️🌈
How Our Organization Improved Web Accessibility (Case Study) — Smashing Magazine
Smashing Magazine 🇺🇦 🏳️🌈
8 min read · Aug 8th · In this article, Catherine Houle and Ilknur Eren share how their organization “Understood” removes barriers for people who learn and think differently by combining accessibility and usability in their… · Shared by 75, including Web Axe, Dennis Lembrée, Nick Floro, Easy Chirp
More like this
joshwcomeau.com
The Surprising Truth About Pixels and Accessibility
joshwcomeau.com
~16 min read · May 17th · “Should I use pixels or rems?”. In this comprehensive blog post, we'll answer this question once and for all. You'll learn about the accessibility implications, and how to determine the best unit to… · Shared by 385, including Jens D. Peter, Brad Frost, Stef Walter, Yann “shalf@mastodon.social” Heurtaux 不停, René Stalder, Sara Soueidan, Chris Heilmann, Dennis Lembrée, Marc Wieland, David Hellmann, Thomas Spreng
abookapart.com
Accessibility for Everyone by Laura Kalbag
abookapart.com
3 min read · From 2017 · You make the web more inclusive for everyone, everywhere, when you design with accessibility in mind. Let Laura Kalbag guide you through the accessibility landscape: understand disability and… · Shared by 102, including Philippe Surber, Benoist Lawniczak, Luca Hammer, Aral Balkan, 🟣 Antonio Vieira Santos #FutureOfWork #InnoTrans2, pizza.fig 🍕, Kim Lawless, Alex 🌚, Mike Monteiro🌹, Stef Walter, Jeeva Vijay Prasath, Max Stoiber, Easy Chirp, Mike Butcher🇬🇧🇪🇺, Phil Amour, zeldman, Andreas Bossard
Smashing Magazine 🇺🇦 🏳️🌈
An Accessibility-First Approach To Chart Visual Design — Smashing Magazine
Smashing Magazine 🇺🇦 🏳️🌈
~11 min read · Jul 7th · 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… · Shared by 104, including Stef Walter, Chris Heilmann, 🟣 Antonio Vieira Santos #FutureOfWork #InnoTrans2, Paul J. Adam, Jonathan Hassell, Web Axe, Jon Schwabish, Hannah Milan
Prototypr 👁️✨
UI Case study: state styles of card component with accessibility in mind
Prototypr 👁️✨
20+ min read · From 2019 · Designing different state style will provide intuitive and delightful user experience as well as the accessibility to everyone. · Shared by 130, including Veerle Pieters, Ahiesh PVS, Marius Bleuer, Benoist Lawniczak, Adham Dannaway, rohit, Chris Heilmann, Evan (he/him), David Hellmann, tcherno
Stef Walter
Color accessibility: tools and resources to help you design inclusive products
Stef Walter
10 min read · From 2019 · All the tools, tips and resources your need to build and check the color accessibility and color constrast of digital products! · Shared by 98, including Andreas Bossard, Benoist Lawniczak, Center Centre – UIE, Victor Tolosa, Neil Lee, Marius Bleuer, Paolo Sinelli, Alistair Duggin, Nick Floro, Web Axe
Stripe
Designing accessible color systems
Stripe
9 min read · From 2019 · How we designed a color system with hand-picked, vibrant colors that also met standards for accessibility and contrast. · Shared by 493, including Kevin M. Hoffman, HeyDesigner, Women Who Code, Trent Walton, Max Stoiber, Chris Heilmann, Helmi, Jonathan Hassell, Veerle Pieters, Stu Collett, Simeon.__proto__ @ TPAC, Paul Irish, BrendanEich, Dominik Grolimund, Maggie Fox 🇺🇦, Rebecca (Slatkin) Sloane, Gabriele, Casey Smith, Val Head, Una 👩🏻💻🇺🇦 @ Infobip Shift
solomon.io
Improving Accessibility with Design Tokens
solomon.io
5 min read · Jul 31st · Ever since Salesloft’s rebrand I’ve been thinking a lot about accessibility. Our decision to make green our brand color helps us standout in the marketplace. However, it causes issues for our… · Shared by 85, including David Hellmann, Nick Floro, Hannah Milan, Marius Bleuer
DEV Community 👩💻👨💻
The Web Accessibility Introduction I Wish I Had
DEV Community 👩💻👨💻
~11 min read · From 2018 · Another message to my past self, this time on the importance of accessibility, how to achieve it, and how to test it. · Shared by 64, including Web Axe, Michael Duergner, Thomas Wong, Benoist Lawniczak, Dennis Lembrée, Easy Chirp, René Stalder
Smashing Magazine 🇺🇦 🏳️🌈
Accessibility In Chrome DevTools — Smashing Magazine
Smashing Magazine 🇺🇦 🏳️🌈
9 min read · From 2020 · This article will demonstrate some useful features in DevTools which can help you improve the accessibility of your website. · Shared by 77, including René Stalder, Dennis Lembrée, Elijah Manor, Alistair Duggin, Web Axe, Adrian Roselli 🗯, Nils Hitze, Nick Floro, Chris Heilmann, Paul J. Adam, henrik, Evan (he/him)
Related topics
