Accessible Digital Design Resources List
Oct. 10th, 2023 08:49 pmMore to come over time.
General
WCAG 2.2 Standards
Big document of what the official standards are to meet. Somewhat legalese.
WebAIM
Big resource site.
Interaction Design Job Requirements | Visual Design Job Requirements
Teach Access's suggested accessibility knowledge requirements to be hired for different roles.
A Designer’s Guide to Documenting Accessibility & User Interactions
By Stephanie Walter. How to mark up a Figma file so developers know how to implement for accessibility.
Figma Accessibility Annotation Kits | For Web | For iOS
Made by CVS. Bunch of premade components for Figma to make it faster to mark up files so developers know how to implement them in accessible ways.
Disability Studies Quarterly
Academic journal on disability. Seems to focus on things primarily through the angle of media and culture.
Perceivable
Venngage color scheme generator
Put in one color hex code, get a variety of accessible color schemes from it. Very good for finding other tints and shades of a preexisting color that have better contrast against text.
Contrast Grid
Takes all your colors and shows which ones can be used together to pass WCAG 2.0 contrast ratios! Useful for quickly communicating to other people quickly which colors should and shouldn't be used together.
Operable
How to document the screen reader user experience
By BBC.
A guide to designing accessible, WCAG-conformant focus indicators
What it says on the tin.
General
WCAG 2.2 Standards
Big document of what the official standards are to meet. Somewhat legalese.
WebAIM
Big resource site.
Interaction Design Job Requirements | Visual Design Job Requirements
Teach Access's suggested accessibility knowledge requirements to be hired for different roles.
A Designer’s Guide to Documenting Accessibility & User Interactions
By Stephanie Walter. How to mark up a Figma file so developers know how to implement for accessibility.
Figma Accessibility Annotation Kits | For Web | For iOS
Made by CVS. Bunch of premade components for Figma to make it faster to mark up files so developers know how to implement them in accessible ways.
Disability Studies Quarterly
Academic journal on disability. Seems to focus on things primarily through the angle of media and culture.
Perceivable
Venngage color scheme generator
Put in one color hex code, get a variety of accessible color schemes from it. Very good for finding other tints and shades of a preexisting color that have better contrast against text.
Contrast Grid
Takes all your colors and shows which ones can be used together to pass WCAG 2.0 contrast ratios! Useful for quickly communicating to other people quickly which colors should and shouldn't be used together.
Operable
How to document the screen reader user experience
By BBC.
A guide to designing accessible, WCAG-conformant focus indicators
What it says on the tin.