[TRACKING ISSUE] Color contrast problems in the UI

[jglovier]

Expected behavior:
All text in the UI should pass at least WCAG AA contrast accessibility. A simple test of text-color on background color on this color accessibility calculator will tell whether any existing pairing of font on background passes. Many of our instances do, and a few do not.

Actual behavior:
Currently, there are a number of areas that need to improve to meet AA standard.
Including:

• [add checklist of instances to address here]

Screenshots (if applicable):

Some offenders:

---

---

---

---

How to solve with tooling:

Some ways we can address this going forward are with tooling.

• Establish a pattern library and styleguide that removes the possibility of introducing any new failing color styles
• Add a test for contrast (will need to research options more)

[jglovier]

At this point what I could really use is some help with:

1. identifying all of the offending font color contrast instances in the app
2. suggesting replacement colors and implementing them
3. testing to check for additions of new failing ront folor contrast

[jkleinsc]

@jglovier thanks for putting this together. It is important work!

[anishaswain]

@jglovier I would also like to help you resolving the same issue

[jkleinsc]

@anisha1234 please feel free to work on this issue. I'll mark it as in progress.

[anishaswain]

Thank you so much @jkleinsc . I will start working on it and keep you updated

[anishaswain]

@jkleinsc @jglovier Should I make different PRs for changes in button style of different sections of the webapp for example - inventory , patients etc ?

[emadehsan]

By the way @jglovier @anisha1234 have you considered usability for Color Blind People while choosing color schemes?

[anishaswain]

@emadehsan what exactly do you want to be added for the same issue that you mentioned?

[emadehsan]

As you guys are working hard on UI and UX 👍, I was just asking that Can a Colorblind person using the software distinguish between all the colors used throughout HospitalRun?

[anishaswain]

@emadehsan @jglovier @jkleinsc In my current PR #983 , I have not considered the case of colour blind people.But I would surely like to work on it to make the colour scheme more user friendly .

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.