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

Increases the contrast ratio of elements in the foreground and elements in the background #89

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

emmayjiang
Copy link

@emmayjiang emmayjiang commented Sep 2, 2022

Made several changes to Teedy to increase the contrast ratio of elements in the foreground to elements in the background on Teedy's Documents page in order to make the website more accessible to users. This PR resolves issue #87.

This change increases the Lighthouse accessibility score of Teedy from 80 to 82.

The updated hex codes are all darker versions of the initial version in order to increase contrast against lighter elements on the page. The changes made were as follows:

  • Changed the color of the Teedy logo in the top left corner to #0F5B72
  • Changed the inactive navigation button text to #303030
  • Changed the active navigation button text to #127897, darkened the display text on the page to #303030\
  • Changed the background of the feedback button to #525252.

image

…nts in the foreground to elements in the background in order to make the website more accessible to users. This change increases the Lighthouse accessibility score of Teedy from 80 to 82. The changes made were as follows: changed the color of the Teedy logo in the top left corner to #0F5B72, changed the inactive navigation button text to #303030, changed the active navigation button text to #127897, darkened the display text on the page to #303030, and changed the background of the feedback button to #525252. These hex codes are all darker versions of the initial version in order to increase contrast against lighter elements on the page.
@emmayjiang emmayjiang changed the title Made several changes to Teedy to increase the contrast ratio of eleme… Increases the contrast ratio of elements in the foreground and elements in the background Sep 2, 2022
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

Successfully merging this pull request may close these issues.

1 participant