DEV Community

Image Accessibility 101: What is it and why is it important?

Amanda Hasenzahl on September 20, 2019

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 pe...
Collapse
 
blindfish3 profile image
Ben Calder

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:

  • In the decorative images section I would also specifically warn against repetition of text in an alt attribute - e.g. where a link contains both text and an image the image should be treated as decorative and have an empty alt attribute and not repeat the link text. That's a mistake I've seen fairly regularly.
  • I would question the "here" as link text in section 5 - shouldn't that be informative text describing the link target?
Collapse
 
alhasenzahl profile image
Amanda Hasenzahl

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.