Infographic: Design Tips for Accessibility

I would love to chat about accessibility at ALA Annual in New Orleans! I’ve got three presentations/events lined up:

I do a lot of training on elearning development and accessibility. As a teaser for my poster session, here’s a very shareable infographic containing Design Tips for Accessibility!

Elearning Design Tips for Accessibility Infographic

Elearning Design Tips for Accessibility (full-text after infographic)

(Click image for larger version)

Design Tips for Accessibility Infographic Full-Text

  • Include text alternatives for non-text content (i.e. ALT tags for images)
  • Provide captions for video and audio files
  • Make it easy for users to see and hear content (e.g. don’t rely on color to convey meaning, provide video and audio controls)
  • Make your content keyboard-navigable by logical placement and tab order
  • Structure and label your content for screen readers (e.g. use built-in heading styles)
  • Give links meaningful names (avoid “click here!”)

Source

  1. W3C Web Accessibility Initiative. WCAG 2.0 at a Glance. W3C Web Accessibility Initiative (WAI). February 22, 2012. https://www.w3.org/WAI/standards-guidelines/wcag/glance/.
  2. —. How to meet WCAG 2 (Quick Reference). W3C Web Accessibility Initiative. May 23, 2018. https://www.w3.org/WAI/WCAG20/quickref/.

This infographic was created by Lindsay O’Neill, lindsay-oneill.com, CC BY SA 4.0.