accessible practices overview
synopsis for application and resources
This document contains an overview of the external references on accessibility provided on the resources page. Additionally, it contains direct links for accessible web applications in design. It is important to note this list is derived from sources I regularly reference within my own practice as a freelance graphic designer.
Being physically disabled myself, I understand the vast diversity of requirements within the disabled community and value accessibility for all. In order for this list to continue growing and meeting the needs of everyone, further input from anyone with access needs is always appreciated. If you would like to suggest links or resources click here to get in touch. Alternatively, if you find anything listed here to be harmful or misleading, please reach out.
overview of the resources page
The following external links are also listed on the resources page. Here’s a brief overview of their purpose in accessible practices:
- Web Content Accessibility Guidelines (WCAG) 2.1 (source = W3C Recommendations):
A standard for making web design and content more accessible.
- WCAG Contrast Checker (source = Acart Communications):
A helpful tool to check if the contrast ratio of two colours passes accessibility standards.
Note: this is not strictly a pass/fail scenario to determine if a colour is 100% accessible; it’s only a tool for contrast. Making accessible colour choices also requires research and consideration for other disabilities (e.g., sensory issues with overly contrasted hues).
- Coblis — Color Blindness Simulator (source = Colblindor):
A tool to see how images look with various levels of colour blindness.
- Do’s and Dont’s on Designing for Accessibility (source = Karwai Pun — Home Office Digital):
A guide from the UK government on designing for various disabled communities; ranging from resources for users who are autistic, blind/low vision, D(d)eaf/HoH, physically disabled, and dyslexic.
- Tips for Making Social Media More Accessible (source = Ryerson University):
A thorough guide on how to provide alt text, image descriptions, and closed captions for videos on various social media platforms. This resource also addresses accessibility concerns such as language, gifs, emojis, and camel case hashtags.
- Guides for Alt Text, Image/Audio Descriptions, and More (source = Veronica With Four Eyes):
A collection guides on low vision accessibility, including how to write alt text and image descriptions for various images (e.g., photojournalism photos and product photography). This link goes directly to the low vision category, but I highly recommend viewing their entire blog archive — particularly the blog on audio descriptions.
additional accessible web applications
The following external links are specific guides or tools I frequently reference when designing accessible websites:
- WordPress Accessibility Coding Standards (source = WordPress):
Resource for WordPress accessibility guidelines in development.
- One Click Accessibility WordPress Plugin (source = One Click Accessibility):
Plugin for accessibility features and a toolbar to set font size, grayscale, negative contrast, high contrast, light background, links underline, and readable font. It is currently being used on my own website.
- Wix Website Accessibility (source = Wix):
Wix accessibility practices.
- Squarespace Accessibility (source = Squarespace):
Guide for making Squarespace websites more accessible.