Critical issues

[Detroit-the-Dev]

Summary

For people with visual impairments or colorblindness, the text in the 'Specific portal' button was difficult to read. To accommodate all users the background color of the button was changed to a more high contrast color that's in conformance with the WCAG standards.

Screenshots or Videos (if applicable)

Include screenshots or video recordings to show off your change (if applicable).

Related Issues

Fixes Issue #309

Test Plan

Please describe the exact steps you followed to test your change. Be as clear as possible so a reviewer can follow the same steps. List what UI interactions are needed, or if there are automated tests then list what should be run. For example:

1. Go to: https://scout.tsdataclinic.com/explore/NYC
2. Viewed the 'Specific portal' button but found the text to be low contrast to the background.
3. Went to https://webaim.org/resources/contrastchecker to check color conformance.
4. Verified that the contrast ratio failed for accessibility.
5. Changed button background color to a more high contrast option.

Checklist Before Requesting a Review

• [ ] I have performed a self-review of my code
• [ ] My code follows the Style Guidelines and Best Practices outlined in the project wiki
• [ ] I have commented my code, particularly in hard-to-understand areas
• [ ] I have made changes to the documentation, if applicable
• [ ] My change generates no new warnings or failed tests
• [ ] If it is a core feature, I have added thorough tests
• [ ] I have implemented analytics, if applicable