accessible practices overview
[ synopsis for apps and resources ]
This document has an overview of accessibility links from the resources page. Additionally, it contains direct links for accessible web applications in design. This list has sources I reference within my own practice as a freelance graphic designer.
Being disabled, I get the diverse requirements within the disabled community. I value accessibility for all. In order for this list to meet all needs, I would appreciate your input!
If you would like to suggest links or resources click here to get in touch. Or, if you find anything listed here to be harmful or misleading, please reach out.
- Guide to WCAG (source = Kai Prince & Jessica Oddi):
A simple step-by-step breakdown of the Web Content Accessibility Guidelines (WCAG) 2.1.
- The A11y Project (source = A11y):
A11y stands for the 11 characters in accessibility. A community effort to make accessibility easy. Resources, courses, and guides.
- Access Guide (source = Alex Chen):
A friendly introduction to digital accessibility.
- Accessibility Made Easy (source = Maybely Q):
Accessibility education by Erin Perkins, including courses.
- Guides for Alt Text and More (source = Veronica With Four Eyes):
Free resource by Veronica Lewis. For low vision/visual impairment and assistive technology.
- Do’s and Dont’s on Designing for Accessibility (source = Karwai Pun):
A guide from the UK government on designing for disabilities. It ranges from users who are autistic, blind/low vision, D(d)eaf/HoH, low motor functions, and dyslexic.
- Tips for Making Social Media More Accessible (source = Ryerson University):
A guide to create alt text, image descriptions, and closed captions for videos o social media. This resource also has tips for language, GIFs, emojis, and camel case hashtags.
- Web Accessibility Evaluation Tool (source = WAVE):
WAVE tools can identify accessibility and WCAG errors, but also facilitates human evaluation of web content.
- Contrast Checker (source = WebAIM):
A helpful tool to check the contrast ratio of two colours. Note: this is not a pass/fail scenario to determine if a colour is 100% accessible; it’s only a tool for contrast. Making colours accessible needs to account for other disabilities (e.g., sensory issues).
- Color Blindness Simulator (source = Colblindor):
A tool to see how images look with various levels of colour blindness.
- One Click Accessibility (source = WordPress Plugin):
Plugin for an accessible toolbar. It can change the font size, colour, contrast, background, links, and select a readable font. It is currently on my own website.
- Descript – Podcasts, Videos, and Transcripts (source = Descript):
An audio/video editor that works like a doc. Includes transcription, a screen recorder, publishing, full multitrack editing, and useful AI tools.
- Hemingway Editor (source = Adam & Ben Long):
Text editor that makes writing bold and clear. Provides suggestions to make sure text is readable and understandable.
- Web Content Accessibility Guidelines (WCAG) 2.1 (source = W3C):
A wide range of recommendations for making Web content more accessible.
- WordPress Accessibility Coding Standards (source = WordPress):
Resource for WordPress accessibility guidelines in development.
- Wix Website Accessibility (source = Wix):
Wix accessibility practices.
- Squarespace Accessibility (source = Squarespace):
Guide for making Squarespace websites more accessible.