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.

Sign up for GitHub

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

Jump to bottom

Accessibility color contrast fix #309

Open
Detroit-the-Dev opened this issue Aug 8, 2022 · 0 comments
Open

Accessibility color contrast fix #309

Detroit-the-Dev opened this issue Aug 8, 2022 · 0 comments
Labels
bug Something isn't working

Comments

@Detroit-the-Dev
Copy link
Contributor

Describe the bug
The color used for the background of the Specific portal button doesn't provide enough contrast to meet accessibility guidelines.

To Reproduce
Steps to reproduce the behavior:

  1. Go to: https://scout.tsdataclinic.com/explore/NYC
  2. View 'Specific portal' button.
  3. Note that the text is low-contrast which makes it difficult for some users to read.
  4. Adjusted to background color for contrast conformance to WCAG standards.

Expected behavior
To have all elements including this button to be in compliance with accessibility color contrast requirements.

Screenshots
If applicable, add screenshots to help explain your problem.

Before Button Background Change
After Button Background Change

Additional context
This change will accomodate people with visual impairments or color-blindness to use the site better.
@Detroit-the-Dev Detroit-the-Dev added the bug Something isn't working label Aug 8, 2022
@Detroit-the-Dev Detroit-the-Dev mentioned this issue Aug 8, 2022
Open
7 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug Something isn't working
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@Detroit-the-Dev