fix: improved site's web accessibility

[aakankshabhende]

Description

This PR fixes #1983

Notes for Reviewers
The site's accessibility has been improved to 94 from 77. It can be improved further by fixing the colour contrast issue but as we are using the colour from our design system, I haven't changed it.

Signed commits

• Yes, I signed my commits.

[netlify]

✅ Deploy Preview for mesheryio-preview ready!

Name	Link
🔨 Latest commit	cb0f01b
🔍 Latest deploy log	https://app.netlify.com/sites/mesheryio-preview/deploys/6776af0a8f95420008ca41ca
😎 Deploy Preview	https://deploy-preview-2009--mesheryio-preview.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[aakankshabhende]

The site's accessibility has been improved to 94 from 77.
It can be improved further by fixing the colour contrast issue but as we are using the colour from our design system, I haven't changed it.

Below 2 issues will help us to improve score significantly-

1. Current colour - #00d3a9
   Colour that would help us pass atleast AA WCAG standard: #008571

BEFORE

AFTER

2. Additionally, I haven't fixed the issue Heading elements are not in a sequentially-descending order in the LightHouse report as that is creating a significant UI change.

BEFORE

AFTER

[leecalcote]

We need to stay with our brand colors and cannot deviate from the prescribed two tones of green color.

While the accessibility score has gone up with the changes in text size/logo size, the site's aesthetic appeal has gone down.

[aakankshabhende]

Yes, it is not a good user experience.

[SAHU-01]

Thank you for your contribution @aakankshabhende
Let's discuss this during the website call on Monday(6th Jan 2025) at 6:30 PM IST

Add it as an agenda item to the meeting minutes, if you would.