Design Patterns in Accessibility
Accessible design patterns, UI libraries, design systems, potential implementations, and more for designers and developers.
Software & Tools • Deque
Screen Reader Keyboard Shortcuts and Gestures
List of screen reader keyboard shortcuts and gestures.
Design Patterns • A11y with Lindsey
Creating an Accessible Range Slider with CSS
I’ve always loved exploring how to make semantic, accessible elements aesthetically pleasing. And yes, it is possible. Challenging myself to do this has improved my CSS skills.
Design Patterns • Babich
10 Rules For Efficient Form Design
Users can be hesitant to fill out forms, so you should make this process as easy as possible. We need to make the form design our strength rather than weakness.
Design Patterns • Ebay
eBay MIND Patterns
eBay's Accessibility Patterns for the web intended to complement those systems & tools with accessibility guidance.
Design Systems • Atlassian
Atlassian Design System
Use Atlassian’s end-to-end design language to create simple, intuitive and beautiful experiences.
Design Systems • Carnegie Museums
This web accessibility guide includes best practices, resources, and practical advice about how to ensure all users have equal access to information and functionality.
Design Systems • Adobe
A library of React Hooks that provides accessible UI primitives for your design system. React Aria provides accessibility and behavior according to https://www.w3.org/TR/wai-aria-practices-1.2/, including full screen reader and keyboard navigation support.
Resources • Growth.Design
Psychology of Design: 101 Cognitive Biases & Principles That Affect Your UX
growth-design Improve your user experience, you need to understand the biases & heuristics affecting those four decision-cycle steps.
Resources • UX Design
How to write inclusive, accessible digital products
The first goal of good UX writing is usability. Before you give digital products personality, those products need to make sense. That means the words need to work for everyone.
Resources • Behance
Accessibility Design Research
A thorough case study of accessibility design for WHO (World Health Organization)