Design Patterns in Accessibility
Accessible design patterns, UI libraries, design systems, potential implementations, and more for designers and developers.
Design Systems • Atlassian
Atlassian Design System
Use Atlassian’s end-to-end design language to create simple, intuitive and beautiful experiences.
Design Systems • Default
Accessibility Guidelines
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 • System React Aria
React Aria
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.
Software & Tools • Deque
Screen Reader Keyboard Shortcuts and Gestures
List of screen reader keyboard shortcuts and gestures.
Design Patterns • Rangeslider
Creating an Accessible Range Slider with CSS
A thorough guide of creating an accessible range slider with CSS.
Design Patterns • Nick 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.
Resources • Default
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 • How to Write Inclusive Products
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 • Default
Accessibility Design Research
A thorough case study of accessibility design for WHO (World Health Organization)