Menu Close
The text

accessible practices overview

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:

This overview was created by Jessica Oddi — June 2020. Special thanks to Karli Drew for putting the time and energy into reviewing and revising the initial document.

© 2020 — Jessica Oddi — Privacy Policy

Skip to content