Color contrast #1583

Open
opened 2026-10-05 00:49:00 +02:00 by adam · 5 comments
Owner

Color contrast of the inactive tab should be improved for good accessibility.

Color contrast of the inactive tab should be improved for good accessibility. <!-- github-sync-id:1464670995 -->
Author
Owner

Hi @zaladeokin

we've briefly discussed your issue, and Alice (our designer) says she globally agrees about the lack of contrast, but she would like to get some details about where you would like more contrast (screenshot welcomed)

Hi @zaladeokin we've briefly discussed your issue, and Alice (our designer) says she globally agrees about the lack of contrast, but she would like to get some details about where you would like more contrast (screenshot welcomed) <!-- github-comment-id:1330771783 -->
Author
Owner

piwigo
The color contrast of the elements circle in the picture attached should be adjusted.

![piwigo](https://user-images.githubusercontent.com/110726099/205183722-d8800102-2f23-4634-8670-bd1cd4aea44b.png) The color contrast of the elements circle in the picture attached should be adjusted. <!-- github-comment-id:1334593486 -->
Author
Owner

The contrast problem is on the background color of inactive tabs or text color of inactive tabs?

The contrast problem is on the background color of inactive tabs or text color of inactive tabs? <!-- github-comment-id:1403367625 -->
Author
Owner

My 2cts: answer is both

My 2cts: answer is both <!-- github-comment-id:1403408522 -->
Author
Owner

Info : the inactive tabs have no background color. The contrast is zero compared to tabs background. That's on purpose.

Contrast ratio of inactive tabs text #898989 compared to background #f3f3f3 is 3.15. It's not enough indeed. Recommendation is 4.5. It would require to darken text to #6f6f6f (ratio=4.52).

We have started an in-depth analysis of contrast-ratio issues in the administration pages.

Info : the inactive tabs have no background color. The contrast is zero compared to tabs background. That's on purpose. Contrast ratio of inactive tabs text `#898989` compared to background `#f3f3f3` is 3.15. It's not enough indeed. Recommendation is 4.5. It would require to darken text to `#6f6f6f` (ratio=4.52). We have started an in-depth analysis of contrast-ratio issues in the administration pages. <!-- github-comment-id:1403539282 -->
Sign in to join this conversation.
No labels
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: adam/Piwigo#1583