Smashing Magazine 🇺🇦 🏳️🌈
A Complete Guide To Accessible Front-End Components — Smashing Magazine
20+ min · · In a new short series of posts, we highlight some of the useful tools and techniques for developers and designers. Recently we’ve covered [CSS Auditing… · Shared by 253, including Nils Hitze, Hannah Milan, Davy De Pauw, Casey Smith, Web Axe, Yoav Ganbar (🥑 Builder.io/Qwik), Elijah Manor, Evan (he/him), Paolo Sinelli, Benoist Lawniczak, David Hellmann, Mieke
UX Collective
10 usability heuristics with examples
8 min · · We often choose different UX methods for different projects based on its complexity to get the best solutions. Among these processes, the… · Shared by 173, including Clemens, Victor Tolosa, David Teodorescu, Matt, Niklaus Gerber, ross, Jorge Alcaín Pro, laugri, Marius Bleuer, Massimiliano Aroffo, Oliver Raduner, Stu Collett
whocanuse.com
Find out who can use your color combination
1 min · · A tool that brings attention and understanding to how color contrast can affect different people with visual impairments. · Shared by 120, including Chris Heilmann codepo8@toot.cafe, Jitendra Vyas, Marius Bleuer, old getify, Davy De Pauw, Nico Müller 🇺🇦, Chris {he, they} , Benoist Lawniczak, @meyerweb@mastodon.social, Jess 🇺🇦, Fabricio Teixeira, David Hellmann, Andy Kirk | Visualising Data, henrik, PacielloGroup, ᴄʟᴀᴜᴅɪᴏ sᴄʜᴡᴀʀᴢ, Web Axe
The A11Y Project
Home - The A11Y Project
1 min · · The A11Y Project is a community-driven effort to make digital accessibility easier. · Shared by 96, including Tatiana Mac, Matt, zeldman, Benoist Lawniczak, Adham Dannaway, Aarron Walter, Samuel Hauser, Léonie @tink@front-end.social, Kevin Marks 🏠kevinmarks.com xoxo.zone/@KevinMarks, Rob Dodson, Stef Walter, Mohamed Azazy, Karen McGrane, Eric Bailey, Marc Thiele, Chris Coyier, Mike Taylor
The A11Y Project
The Accessibility Project
3 min · · A community-driven effort to make web accessibility easier. · Shared by 93, 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
24 ways
Making a Better Custom Select Element
10 min · · Julie Grundy kicks off this, our fifteenth year, by diving headlong into the snowy issue of customising form inputs. Nothing makes a more special gift at Christmas that something you’ve designed and… · Shared by 88, including Web Axe, Alligator.io 🐊, Paul J. Adam, Kat, sascha aßbach, Chris Coyier, Evan (he/him), Chris Heilmann codepo8@toot.cafe, Benoist Lawniczak
UX Collective
A is for Accessibility — 12 top tips for designing an inclusive user experience
20+ min · · Shared by 88, including Oliver Pitsch, Victor Tolosa, Gabriele, Jonathan Kogan, Nick Floro
colorsafe.co
Color Safe
· Empowering designers with beautiful and accessible color palettes based on WCAG Guidelines of text and background contrast ratios. · Shared by 83, including Jacob du Toit, Aaron Gustafson, Pascal Birchler, Aske Behrsin, mastodon.social/@renestalder, Jacob Rogelberg, Arne Keuning, Tibor Martini 🇺🇦 @tibor@mastodon.social, mitimiti, Abel Caballero Díaz
nicchan.me
Tips for Focus Styles
6 min · · A series of notes on focus styles, an assortment of suggestions for both designers who may be looking for information on how to design focus styles, as well as tips for developers on implementing… · Shared by 66, including Benoist Lawniczak, PacielloGroup, Eric Bailey, Hannah Milan, Jitendra Vyas, Dennis Lembrée, Chris Heilmann codepo8@toot.cafe, Web Axe, Adrian Roselli (no blue check) 🗯
inclusivedesignprinciples.org
Inclusive Design Principles
5 min · · People use your interface in different situations. Make sure your interface delivers a valuable experience to people regardless of their circumstances. Full description People are first time users,… · Shared by 60, including Benoist Lawniczak, Marius Bleuer, front-end.social/@heydon, Steve Faulkner SteveFaulkner@mastodon.social, Web Axe, Victor Tolosa, Adrian Roselli (no blue check) 🗯, Dennis Lembrée, PacielloGroup, Léonie @tink@front-end.social, Stef Walter, Ian Pouncey, Easy Chirp, Casey Smith
We are Colorblind
We are Colorblind
2 min · · We are Colorblind is dedicated to the more than 300 million people who are color blind · Shared by 56, including Oscar MacDonald, Charles Baldwin, Fabricio Teixeira, Benoist Lawniczak, sascha aßbach
accessibility-developer-guide.com
Welcome to the Accessibility Developer Guide!
2 min · · If you want to learn about accessible website development, you are at the right place. · Shared by 56, including Unic, Pascal Birchler, Yehuda Katz, Andreas Bossard, Lea R. 🦄, Philippe Surber, Daniel Schwarz, Hinderling Volkart, tcherno, Michael Zumstein, Hannah Milan, Benoist Lawniczak
w3.org
WAI-ARIA Authoring Practices 1.1
· This document provides readers with an understanding of how to use WAI-ARIA 1.1 [WAI-ARIA] to create accessible rich internet applications.
It describes considerations that might not be evident to most authors from the WAI-ARIA specification alone and recommends approaches to make widgets, navigation, and behaviors accessible using WAI-ARIA roles, states, and properties.
This document is directed primarily to Web application developers, but the guidance is also useful for user agent · Shared by 56, including Yehuda Katz, Devon Govett, Dennis Lembrée, Adrian Roselli (no blue check) 🗯, Rob Dodson, Joe Lencioni, Web Axe, Eric Bailey, front-end.social/@heydon, Marcy Sutton Todd, patrick h. lauke (redux) "Big Dog" #toryScum #cis, Steve Faulkner SteveFaulkner@mastodon.social, Marius Bleuer, Evan (he/him)
Sara Soueidan
Accessible Icon Buttons — Sara Soueidan
· Shared by 36, including Veerle Pieters, Yoav Ganbar (🥑 Builder.io/Qwik), Kenneth Kalmer, Benoist Lawniczak, Marius Bleuer
cardsforhumanity.idean.com
Cards for Humanity
1 min · · Cards for Humanity is a practical tool for inclusive design. Deal the cards to get a random person and their needs. Your challenge is the work out how to design for this person. · Shared by 35, including This Too Shall Grow 🌱, Marius Bleuer, Katja Evertz, Yann “不停” Heurtaux ⏚ @shalf@mastodon.social, Oscar MacDonald, Stef Walter
scottohara.me
Inclusively Hidden
11+ min · · There are various ways to hide content in web interfaces, but are you aware of the different effects they have on the accessibility of that content? While some might think it’s strange to have… · Shared by 31, including Adrian Roselli (no blue check) 🗯, Benoist Lawniczak, Dennis Lembrée, PacielloGroup, Web Axe, Nicholas C. Zakas