Web accessibility is a very important, but often times over looked topic in the world of web development. When done properly, it allows as many people as possible to use the web and it makes the user experience more efficient and pleasant for everyone, not just those with a disability.
Image accessibility is a small piece of this, but it can contribute greatly to the overall accessibility of your site and how users understand and interact with the content. Making your site's images as accessible as possible goes way beyond just making sure that the image has alt text. The text that gets put, or not put, inside of the alt attribute varies greatly based on the purpose of the image and the content that surrounds it.
The following series is a look into the seven purposes an image can serve on a site and how to approach writing the most effective alt texts in each case in order to help make your site as accessible as possible.
Top comments (2)
Thanks for this. It's really excellent to see someone promoting accessibility so thoroughly! I'm still frustrated at how little work is done to ensure web content is accessible. It often feels like something that gets considered as a last resort, if at all...
A couple of suggestions:
Thanks Ben! It is a topic that I have become very interested in and one that I think is so so important. It is so frustrating when people brush it off and don't treat it as a crucial part of what we do.
Also, thanks so much for the suggestions, they are much appreciated. I will look into adding the decorative image example you suggested above because you are right that you wouldn't want repeated text in that instance. And you were so right about the link text there, thank you for catching that.