[Outreachy Task Submission] Background and foreground colors do not have a sufficient contrast ratio on Post card #914
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
text - increase contrast ratio for Post Info text on post card
text - increase contrast ratio for Post Info text on post card
…UNNY12/platform-client-mzima into card-sufficient-contrast-ratio
|
@Angamanga Please Kindly Review this |
Angamanga
requested changes
Mar 24, 2024
apps/web-mzima-client/src/env.json
Outdated
| @@ -1,6 +1,6 @@ | |||
| { | |||
| "production": true, | |||
| "backend_url": "http://localhost:8080/", | |||
| "backend_url": "https://outreachyushahidi.api.ushahidi.io/", | |||
| "api_v3": "api/v3/", | |||
There was a problem hiding this comment.
Keep the localhost:8080 url here
There was a problem hiding this comment.
Keep the localhost:8080 url here
Thank you @Angamanga for the review. I have make the necessary changes.
There was a problem hiding this comment.
Good day @Angamanga, This is a reminder to kindly review this changes
Thank you @Angamanga . Its my honor to be part of this community |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description
This PR addresses the accessibility issue I identified in Issue #4842, where the background and foreground colors on the Post card did not have a sufficient contrast ratio. The lack of contrast made it difficult for some users, particularly those with visual impairments, to read the content on the card.
Solution
To resolve this issue, this PR adjusts the colors to ensure that the contrast ratio between the background and foreground meets the Web Content Accessibility Guidelines (WCAG) standards. By improving the color contrast, this change enhances the readability and usability of the Post card for all users.
Screen record after fix
my_backend_url.-.Google.Chrome.2024-03-18.14-42-27.mp4
Purpose
This PR is a part of my submission for the Outreachy task, and it contributes to improving the accessibility of the Ushahidi platform.