top of page

Accessible Design Tools

Filter by Category
Web Accessibility Initiative (WAI) Alt Text Tips and Tricks

Some helpful tips and tricks on writing alt text from the World Wide Web Consortium (W3C)'s Web Accessibility Initiative (WAI).

NNgroup Article on Alt Text

A helpful article on how to write good alt text from the Nielsen Norman group (NNgroup).

Web Accessibility Initiative (WAI) Captioning Guidelines

A set of captioning guidelines from the WAI to help provide content to those who are Deaf and hard-of-hearing.

Vispero (formerly TGPI) Colour Contrast Analyser (CCA)

A free contrast checker application by Vispero to help optimize content for individuals who are colourblind or have low vision. Available for download on Windows and Mac.

Coolors Colour Contrast Checker

A tool to calculate the contrast ratio of foreground and background colours.

Gov't of Canada Alt Text Best Practices

Best practices for writing alt text from the Government of Canada.

WebAIM Alt Text Techniques

A compilation of techniques for writing alt text from Web Accessibility in Mind (WebAIM).

EightShapes Contrast Grid

A contrast grid to test multiple foreground and background colour combinations.

AccessibleWeb WCAG Colour Contrast Checker

A free browser extension to check colour contrasts straight from your browser.

WebAIM Contrast Checker

A tool offered by WebAIM to calculate the contrast ratio of foreground and background colours.

bottom of page