Accessible Images Guide
In this tutorial series, you'll learn how to make images accessible. Images convey information that must be available to all users, including those who cannot see them or who use screen readers to navigate content.
1. Accessible Images Intro
Why images must be accessible
2. Alt Text Basics
Writing effective alt text
3. Decorative Images
alt= for decorative images
4. Functional Images
Images as links or buttons
5. Complex Images
longdesc, detailed descriptions
6. Figure and Figcaption
Semantic image grouping
7. SVG Accessibility
role=img, aria-label on SVG
8. Icon Accessibility
aria-hidden for icon fonts
9. Responsive Images Alt
picture element alt text
10. Image Maps
Client-side image map a11y
11. Image Testing
Testing image accessibility
12. Images Project
Build accessible images
All 12 topics in Accessible Images Guide are published.