Text descriptions and emotion rich images - Tink - Léonie Watson
Accessibility
CSS And Accessibility: Inclusion Through User Choice — Smashing Magazine
In this article, Carie Fisher outlines which CSS media features are available for detecting user preferences and how they are used to design and build more inclusive user experiences.
Building inclusive products for trans people
Answering trans people’s needs online can create a safer digital environment and lead to a more diverse workforce in Tech. Breaking news…
The international guide to gender-inclusive writing • UX Content Collective
Content designers from around the globe share best practices in their language.
Gender-Inclusive Language Project • UX Content Collective
Inclusive Design Principles
Inclusive Mindset Workbook by Project Lima – Figma
Figma Community file - “How might we create an inclusive mindset to be mindful in our design decisions and consider inclusion?” Exercise your inclusivity mindset in our workbook where you can step back to identify exclusions, create persona spectrums, develop creative solutions to address these needs and eventually be...
Developing a focus style for a themable design system - Ad Hoc
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.
Colorblindly
Simulates colorblindness in your web browser.
Dark Mode Toggles Should be a Browser Feature
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?
🌳 How To Make A Strong Case For Accessibility
Accessibility Myths
A small project debunking common accessibility myths.
Fix Color Contrast – Web Accessibility for Text & UI Design - Pimp my Type
Don’t make my mistake – Learn what’s crucial and required about color contrast for text and UI components.
Better mobile inputs
The search element | scottohara.me
Today, March 24th 2023, the HTML specification added a new grouping content element. The search element.
Equivalent Experiences: What Are They? — Smashing Magazine
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.
Equivalent Experiences: Thinking Equivalently — Smashing Magazine
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.
ARIA, the good parts by Hidde de Vries
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!
The Accessibility Tree
Introduction to the Accessibility Tree
Accessible, Typesafe, Progressively Enhanced Modern Web Forms
Learn how to use modern tools that offer the best user and developer experience for web forms.
What's new in WCAG 2.2?
WCAG 2.2 has officially reached “Candidate recommendation” status, meaning it is pretty close to becoming an official standard. What's new?
Misconceptions can kill accessibility momentum · Eric Eggert
Reflecting on accessibility misconceptions and how new standards and technologies can add to them.
Real AI Solutions for Accessibility Challenges
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…
New Ideas and Unique Solutions from Figma on Accessibility
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 …
Mobile Accessibility Target Sizes Cheatsheet — Smart Interface Design Patterns
Practical guidelines to prevent rage taps and rage clicks with accessible tap targets for icons, links and buttons — on desktop and on mobile.
Treat accessibility issues as bugs, not feature requests
All the places where you can use prefers-color-scheme media query
Best practices for inclusive textual websites
Accessible Target Sizes Cheatsheet — Smashing Magazine
Keys To An Accessibility Mindset — Smashing Magazine