Alt Text: Giving Images a Voice for Everyone
Alt text gives an image a voice when it can't be seen. It's read by screen readers for accessibility and displayed if an image breaks. The footgun is writing "image of..." or leaving it blank; instead, describe the image's content and purpose.
Think of alt text as an image's textual replacement, giving it a voice for users who can't see it. It's mandatory for accessibility, as screen readers announce it to visually impaired users, and it appears if an image fails to load. The biggest footgun is writing generic phrases like "image of a cat" or leaving it empty. Instead, describe the image's specific content and its function on the page, as if you were describing it over the phone.
Read the original → developer.mozilla.org
- #accessibility
- #html
- #images
- #ui design
Get five bites like this every day.
Tezvyn delivers a daily feed of 60-second tech bites with quizzes to lock in what you learn.