Last updated: Jan 12, 2023
CodePen collection supporting Google Learn Accessibility image lessons with examples for alternative text, decorative images, and SVG handling.
- Accessible Decorative Images - All
- Accessible Decorative Images - Empty or "null" alt
- Accessible Decorative Images - ARIA role="presentation"
- Accessible Decorative Images - ARIA role="none"
- Accessible Decorative Images - ARIA hidden
- Accessible Decorative Images - CSS background
- Accessible Informative Images - Image alt
- Accessible Informative Images - SVG + title
- Accessible Informative Images - Visually hidden
- Accessible Functional Images - Image alt
- Accessible Functional Images - Visually hidden
- Accessible Functional Images - Image title + alt
- Accessible Complex Images - Long description
- Accessible Complex Images - ARIA describedby
- Accessible Complex Images - Figure + figcaption