Page MenuHomePhabricator
Create Task
Maniphest T357717

Color Contrast Issue on Wikipedia Portal: Current Events
Closed, ResolvedPublic
Actions

Description

The Wikipedia Portal: Current Events page is not meeting the color contrast ratio standards outlined in the Web Content Accessibility Guidelines (WCAG) AA level.

Affected URL: https://en.m.wikipedia.org/wiki/Portal%3ACurrent_events?minervanightmode=1

Recommendation:

Review the color scheme used for text and background elements on the Wikipedia Portal: Current Events page, particularly in Minerva Night Mode.
Adjust the colors to ensure that text meets the minimum contrast ratio required by WCAG AA guidelines.

Screenshot 2024-02-15 at 1.48.17 PM.png (1×3 px, 962 KB)

Related Objects
Search...

Event Timeline

KSarabia-WMF created this task.Feb 15 2024, 7:48 PM
Restricted Application added subscribers: Masumrezarock100, Aklapper. · View Herald TranscriptFeb 15 2024, 7:48 PM
KSarabia-WMF added a parent task: T356344: [Night mode] Templates can be fixed by editors when necessary for night mode.Feb 15 2024, 7:49 PM
Jdlrobson changed the task status from Open to Stalled.Feb 21 2024, 10:42 PM
Jdlrobson triaged this task as Medium priority.
Jdlrobson edited projects, added Web-Team-Backlog (FY2023-24 Q3 Sprint 5); removed Web-Team-Backlog.
Jdlrobson subscribed.

I fixed these in my volunteer time:
https://en.wikipedia.org/w/index.php?title=Portal:Current_events/Sidebar/styles.css&oldid=1208306518
https://en.wikipedia.org/w/index.php?title=Portal:Current_events/News_Browser/styles.css&oldid=1208306225
https://en.wikipedia.org/w/index.php?title=Portal:Current_events/Headlines/styles.css&oldid=1208306082
https://en.wikipedia.org/w/index.php?title=Template:Current_events/styles.css&oldid=1208305795

We should revisit this when T356899 is resolved.

We can disable portal namespace for night mode prior to release if necessary.

Jdlrobson merged a task: T358005: Minerva Night Mode Color Contrast Issue - current-events-sidebar (Portal Pages).Feb 21 2024, 11:06 PM
Jdlrobson added a subscriber: ovasileva.
Jdlrobson moved this task from Backlog to Night mode (mobile) on the FY2023-24-WE 2.1 Typography and palette customizations board.Feb 24 2024, 12:37 AM
Jdlrobson lowered the priority of this task from Medium to Low.Mar 9 2024, 12:12 AM

The changes above didn't address the issue on English Wikipedia as the default page already has accessibility issues.

One solution here is to strip all the colors in night mode (as they are non-essential) https://en.m.wikipedia.org/w/index.php?title=Portal:Current_events/styles.css&diff=1212662741&oldid=1054047429&title=Portal%3ACurrent_events%2Fstyles.css&diffonly=1

This could be applied to other pages which have the problem.

We'll be disabling night mode on this namespace in T359183 in the initial release so not a high priority to fix.

Jdlrobson edited projects, added Web-Team-Backlog; removed Web-Team-Backlog (FY2023-24 Q3 Sprint 5).Mar 11 2024, 7:10 PM
Jdlrobson closed this task as Resolved.Apr 17 2024, 6:20 PM
Jdlrobson claimed this task.

This has been fixed here per T357717#9616869.
I advocate doing the same for similar pages.

Jdlrobson added a comment.Apr 17 2024, 6:22 PM

(Documented fix on https://www.mediawiki.org/w/index.php?title=Recommendations_for_night_mode_compatibility_on_Wikimedia_wikis)

Content licensed under Creative Commons Attribution-ShareAlike (CC BY-SA) 4.0 unless otherwise noted; code licensed under GNU General Public License (GPL) 2.0 or later and other open source licenses. By using this site, you agree to the Terms of Use, Privacy Policy, and Code of Conduct. · Wikimedia Foundation · Privacy Policy · Code of Conduct · Terms of Use · Disclaimer · CC-BY-SA · GPL