docs(ui): Improved accessibility

[alt-shreya]

Description

• Improved color contrast ratio.
• Added discernible links and alt text for screen readers.
• Fixed broken links and redirected deprecated repos.

Checklist

• I have followed the Contributor Guide when preparing my PR.
• I have updated/added tests for ALL new/updated/fixed functionality.
• I have updated/added relevant documentation in docs and added dartdoc comments with ///.
• I have updated/added relevant examples in examples or docs.

Breaking Change?

• Yes, this PR is a breaking change.
• No, this PR is not a breaking change.

Related Issues

Closes #2895

[spydon]

Awesome that you're working on this! Please add some screenshots with how it looks before and after the change.

[alt-shreya]

Awesome that you're working on this! Please add some screenshots with how it looks before and after the change.

sure thing!

[spydon]

@alt-shreya did you want any input here before continuing?

[alt-shreya]

@alt-shreya did you want any input here before continuing?

@spydon no, my apologies for the delay, I had to prioritise a project for another client.
I'll pick this up now!

[alt-shreya]

Awesome that you're working on this! Please add some screenshots with how it looks before and after the change.

@spydon Adding some screenshots as requested:

Before

After

[alt-shreya]

@spydon there seems to be a conflict with markdown-lint tests. I have to include long URLs that are greater than 100 characters, but I don't seem to be able to wrap them like normal text. Should I just ignore the failures of the MD013 tests?

[spydon]

@spydon there seems to be a conflict with markdown-lint tests. I have to include long URLs that are greater than 100 characters, but I don't seem to be able to wrap them like normal text. Should I just ignore the failures of the MD013 tests?

You can just move them to the next line in the markdown file, they will still render as continues text as long as you don't do two line breaks.

[alt-shreya]

You can just move them to the next line in the markdown file, they will still render as continues text as long as you don't do two line breaks.

I've tried this, but it raises another error: MD034 no-bare-URL

[alt-shreya]

You can just move them to the next line in the markdown file, they will still render as continues text as long as you don't do two line breaks.

I've tried this, but it raises another error: MD034 no-bare-URL

All tests seem to be passing now 🤔

[spydon]

Lgtm! Thanks for your contribution

[alt-shreya]

Lgtm! Thanks for your contribution

Lessgoo! Looking forward to contributing more in the future! 🎉