[Accessibility] Missing alt attributes on images across blog posts and collections

[bhavyamsharmaa]

Description

A significant accessibility and SEO issue exists across the site's collections and blog posts. Many <img> tags are missing the alt attribute.

For visually impaired users depending on screen readers, the alt attribute is critical to understanding the contents of an image. Furthermore, search engines rely heavily on alt text to index images and understand page context, meaning this omission negatively impacts the site's SEO ranking.

For example, in collections/_posts/2023/2023-06-16-changing-meshery-release-channels.md, there are multiple instances of images lacking alt text.

Expected Behavior

Every <img> tag across the site should include an alt attribute. For decorative images, an empty alt="" should be used so screen readers can safely ignore them. For informative images, a concise, descriptive text should be provided.

Steps to Reproduce

1. Search the repository for <img tags.
2. Observe that many of these tags in collections and _posts do not contain an alt attribute.

Recommendation

Audit all Markdown and HTML files in the repository (specifically under collections/ and _layouts/) and ensure an appropriate alt tag is applied to all images. This will drastically improve the website's accessibility compliance and SEO performance.

[welcome]

Thanks for opening this issue. A contributor will be by to give feedback soon. In the meantime, please review the Newcomers' Guide and sure to join the community Slack.