-
-
Notifications
You must be signed in to change notification settings - Fork 1.4k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat: Improve web site accessibility/legibility #2080
feat: Improve web site accessibility/legibility #2080
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Don't have write access, but looks good to me!
Not sure the reasoning why, but @1cg likes quirks mode... |
Interesting, you can remove the doctype then! |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
These are great, thank you so much.
Description
Please describe what changes you made, and why you feel they are necessary. Make sure to include
code examples, where applicable.
This PR improves web site accessibility/legibility by adding alt attributes where needed, changing colors to improve contrast, changing the fake links in the logo to spans and adding an edited highlighting theme which makes the background color darker and comments brighter.
It also adds doctype and a meta description tag for SEO.
Feel free to edit the colors if needed.
Before:
After:
Lighthouse before:
Lighthouse after (locally served):
Testing
Please explain how you tested this change manually, and, if applicable, what new tests you added. If
you're making a change to just the website, you can omit this section.
No tests added.
Checklist
master
for website changes,dev
forsource changes)
approved via an issue
npm run test
) and verified that it succeeded