Today I learned

Never forget alt tags again

Edit this Post Opens in new tab

To make sure you added an alt tag to all your images, you can set a specific CSS rule, which highlights the images missing an alt tag.

img:not([alt]) {
  filter: blur(5px);
}

Addy Osmani explains it on the Twitter Link below. Alt tags are necessary for visual impaired users, who can not see an image but the screenreader can read the alt tag to them. So if you leave it out, they have no chance to get any information from it.

Learn more: https://twitter.com/addyosmani/status/1223873759213314050


I hope you enjoyed this post and learned something new. If you have any questions, feel free to reach out to me on Twitter Opens in new tab or via Email Opens in new tab.

If you want to support me, you can buy me a coffee. I would be very happy about it!

☕️ Buy me a coffee ☕️

I wish you a wonderful day! Marco