Skip to content
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

Website contrast prevents readibility #635

Open
pixelass opened this issue Mar 1, 2023 · 0 comments
Open

Website contrast prevents readibility #635

pixelass opened this issue Mar 1, 2023 · 0 comments

Comments

@pixelass
Copy link

pixelass commented Mar 1, 2023

The website is hard to read and several sections have a contrast that it is even hard to read for people with good vision. Lighthouse reports every element on page. A11y checkers can help find out which color's don't meet the standards. Please consider supporting basic a11y over design to allow people with visual impairment to understand the content.
Also consider using different colors than red/green as these are commonly colors that many people have issues with (especially at similar luminance)/

What You Are Seeing

Screenshot 2023-03-01 at 09 50 29

Screenshot 2023-03-01 at 09 51 39
Screenshot 2023-03-01 at 10 01 53

What You Expected To See

Higher contrast so that I can read the contents of the page
No red/green contrasts

Reproduction

Contrast checker

  1. Go to https://color.a11y.com/Contrast/
  2. Enter https://polished.js.org/
  3. Check the issues (see screenshot above)

Lighthouse

  1. Open the page in Chrome
  2. Open the devtools
  3. Run lighthouse
  4. Check the issues (see screenshot above)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant