Page MenuHomePhabricator

Template:Track listing has color contrast issues with Minerva Night Mode
Closed, ResolvedPublic

Description

Context:
Per the most recent color contrast checker run, there are about 40 color contrast violations in the top 100 wikipedia pages related to Template:Track listing.

Issue Details:
Skin: Minerva (Night Mode)
Problem Area: Template:Track_listing

Steps to Reproduce:
Go to this sample page
Navigate to .track-listing

Expected Result:
The text and background colors within the infobox should have a WCAG 2.0 level AA contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.

Actual Result

Foreground color (hex)Background color (hex)Font SizeContrastAAAAA
#EAECFO#FFFFFFSmall1.18XX
#EAECFO#FTFTF7Small1.1XX
#6699FF#FTFTF7Small2.59XX

Screenshots of color contrast issues.

Screenshot 2024-02-15 at 3.52.40 PM.png (884×1 px, 123 KB)

Screenshot 2024-02-15 at 3.52.02 PM.png (924×1 px, 139 KB)

Event Timeline

Jdlrobson lowered the priority of this task from High to Medium.Mar 8 2024, 11:46 PM
Jdlrobson changed the task status from Stalled to In Progress.Apr 17 2024, 6:18 PM

This has been fixed on wikis with the following styles: https://en.wikipedia.org/w/index.php?title=Module%3ATrack_listing%2Fstyles.css&diff=1217022492&oldid=1091054432
These should be upstreamed to other projects where needed.