Digital Design & Accessibility

Accessibility 101 Content Hierarchy Color & Typography Tools & Resources Creating Accessible Emails

Tools & Resources

What We Will Be Covering

  • 1 Chrome Extensions
  • 2 Resources
  • 3 Education

Chrome Extensions

  • Colour Contrast Checker
  • High Contrast
  • Color Contrast Analyzer – great for text on images (instructions)
  • WCAG Color Contrast Checker
  • Web Accessibility Evaluation Tool (WAVE)
  • Web Accessibility in Mind – Color Contrast Checker, Link contrast checker
  • A11y Project: Checklist
  • CKEditor Add-ons
  • Functional Accessibility Evaluator (FAE)
  • Lighthouse
  • AInspector WCAG | Mozilla Add-ons
  • Accessibility Bookmarklets
  • Speechify – Chrome extension
  • Silktide – Chrome extension

Resources

  • University of Illinois Marketing – color and branding information
  • Illinois Color Checker
  • University of Illinois Website Accessibility – quick links
  • University of Illinois IT Accessibility
  • Deque – Basic Web Accessibility Checklist for Designers (pdf)
  • Division of Disability Resources and Educational Services (DRES) (student services)
  • Web Content Accessibility Guidelines (WCAG) Quick Reference Guide
  • Web Accessibility Evaluation Tool (WAVE)
  • Web Accessibility in Mind – Color Contrast Checker, Link contrast checker
  • Link text guide
  • Alt text guide
  • ANDI

Education

  • Coursera – Intro to Accessibility (FREE for UIUC fac/staff)
  • IADP Certificate
  • IT Accessibility Liaison Program (ITAL)
  • Explore with Hadi, monthly accessibility talk about specific topics
  • ITAL Monthly Meeting (Accessible PowerPoint Documents – Keith Hays; Accessible Training Modules Update – Leslie Sherman and Keith Hays)

Digital Design & Accessibility

Email: mwaller@illinois.edu