Design Patterns in Accessibility

Accessible design patterns, UI libraries, design systems, potential implementations, and more for designers and developers.

Team Stark
Collection by Team Stark

10 LINKS

deque

Software & ToolsDeque

Screen Reader Keyboard Shortcuts and Gestures

List of screen reader keyboard shortcuts and gestures.

Design PatternsA11y 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.

nickbabich

Design PatternsBabich

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.

ebay

Design PatternsEbay

eBay MIND Patterns

eBay's Accessibility Patterns for the web intended to complement those systems & tools with accessibility guidance.

atlassian

Design SystemsAtlassian

Atlassian Design System

Use Atlassian’s end-to-end design language to create simple, intuitive and beautiful experiences.

Design SystemsCarnegie Museums

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.

system-react-aria

Design SystemsAdobe

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.

ResourcesGrowth.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.

how-to-write-inclusive-products

ResourcesUX 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.

ResourcesBehance

Accessibility Design Research

A thorough case study of accessibility design for WHO (World Health Organization)