Accessibility Through Visual Design
summary
Practical steps for making eLearning visuals accessible: focus on color, contrast and alt text; use Web Content Accessibility Guidelines and tools like WebAIM contrast checker and Adobe Color or COBLIS colorblind simulator; grab hex codes from PowerPoint or authoring tools and aim for at least 4.5:1 contrast for normal text (or 7:1 for AAA); never rely on color alone—add icons or labels; mark purely decorative images with "" null tag so screen readers skip them; provide concise informative alt text and long descriptions for complex charts.
AI-written summary · about
chapters (7)
- 0:00Accessibility in visual design
- 2:52Improving accessibility
- 7:05WCAG guidelines
- 13:57Color contrast standards
- 26:09ALT text for images
- 37:45ALT text in e-learning
- 40:01Q&A
related talks
53mAccessible eLearning and More through Universal Design
06mDesign Accessibly: Color Contrast Tips and Tools
40mBeyond Aesthetics: Designing with Color for Accessibility and Inclusion
01h 03mAccessibility: Making your websites more inclusive
44mDesigning with Accessibility in Mind
21mAccessibility matters
42mA Glimpse Into Accessibility
36mThe Human Side of Accessibility