search

ohcnetwork / landing

OHC langing page
https://ohc.network
1 stars 10 forks source link

Text in 'Committed to Openness' Section is Hard to Read Due to Low Contrast #26

Open shantanuk7 opened 1 week ago

shantanuk7 commented 1 week ago

On the landing page, the "Committed to Openness" section has low contrast between the text (light grey/white) and the background, making it unreadable. The issue is particularly severe for the title text, where phrases like "Committed to" and "from Day One" are almost invisible.

Image

Additionally, the GitHub logo used in this section violates GitHub's branding guidelines, which allow only black or white logos (reference).

Suggested Solution:

According to WebAIM - Web Accessibility's Contrast Checker Tool: https://webaim.org/resources/contrastchecker/?fcolor=D1D5DB&bcolor=FFFFFF The current text-background contrast ratio is 1.47:1, which fails WCAG AA standards. The suggested fix improves it to 4.83:1.

Until a better UI design is implemented, here's a proposed interim fix: Proposed Fix Screenshot

If this solution seems acceptable, I'd be happy to work on this. Please assign the issue to me.

bodhish commented 5 days ago

@shantanuk7 thanks for the issue. Do you want to take it up?

mdaatifayman786 commented 5 days ago

I want to work on this. Can you assign me? @bodhish @sainak

shantanuk7 commented 4 days ago

The issue, it seems, still persists. I have researched more and found that the dark mode looks good but it is not working in Google Chrome browser. It works on Firefox (When user theme preferences have been set to dark theme). However, it seems to be a separate issue.

@shantanuk7 thanks for the issue. Do you want to take it up?

@bodhish @sainak I apologise for not replying earlier. I’d be happy to work on resolving the light mode issue if it’s still available for contribution.