Page MenuHomePhabricator

Deploy dark mode to anonymous users on "ready" wikis
Closed, ResolvedPublic2 Estimated Story Points

Description

Following T374679 we identified various wikis as being ready to deploy dark mode to anonymous users. This task is about deploying to those wikis.

Requirements

Dark mode is enabled for all users on the following wikis (alphabetical):

  • ang.wikipedia.org
  • ban.wikipedia.org
  • be-tarask.wikipedia.org
  • be.wikipedia.org
  • blk.wikipedia.org
  • bn.wikipedia.org
  • br.wikipedia.org
  • bs.wikipedia.org
  • ca.wikipedia.org
  • cdo.wikipedia.org
  • co.wikipedia.org
  • cv.wikipedia.org
  • dag.wikipedia.org
  • el.wikipedia.org
  • et.wikipedia.org
  • eu.wikipedia.org
  • ext.wikipedia.org
  • fo.wikipedia.org
  • frp.wikipedia.org
  • fy.wikipedia.org
  • ht.wikipedia.org
  • hyw.wikipedia.org
  • kbp.wikipedia.org
  • ks.wikipedia.org
  • kw.wikipedia.org
  • ky.wikipedia.org
  • la.wikipedia.org
  • lo.wikipedia.org
  • mt.wikipedia.org
  • nds.wikipedia.org
  • ne.wikipedia.org
  • nn.wikipedia.org
  • nov.wikipedia.org
  • ny.wikipedia.org
  • oc.wikipedia.org
  • pa.wikipedia.org
  • sco.wikipedia.org
  • shn.wikipedia.org
  • sk.wikipedia.org
  • ss.wikipedia.org
  • tr.wikipedia.org
  • vi.wikipedia.org

Requirement

Deploy dark mode to all users, including anonymous users, on the identified "ready" wikis. The deployment should ensure that dark mode does not introduce additional contrast issues compared to light mode across the wikis.

BDD

Feature: Deploy Dark Mode to Anonymous Users on Ready Wikis

  Scenario: Enable dark mode for all users on identified wikis
    Given dark mode is not yet enabled for anonymous users
    When dark mode is enabled on the specified wikis
    Then all users, including anonymous users, should have access to dark mode

  Scenario: Ensure dark mode does not increase contrast issues
    Given dark mode is enabled on a wiki
    When a user views the site in dark mode
    Then the contrast issues in dark mode should not exceed those in light mode

Test Steps

Test Case 1: Verify Dark Mode is Enabled for All Users

  1. Visit any of the identified wikis (e.g., ang.wikipedia.org, frp.wikipedia.org).
  2. AC1: Confirm that dark mode is available for all users, including anonymous users.

Test Case 2: Verify Contrast Issues in Dark Mode

  1. Visit any of the identified wikis in both light mode and dark mode.
  2. AC2: Confirm that the contrast issues in dark mode do not exceed those in light mode.

Event Timeline

Change #1074490 had a related patch set uploaded (by Jdlrobson; author: Jdlrobson):

[operations/mediawiki-config@master] Promote dark mode for anons on tier 1 wikis

https://gerrit.wikimedia.org/r/1074490

Jdlrobson lowered the priority of this task from High to Medium.

Text: dark mode availability has been expanded to various wikis for anonymous users based on accessibility. We will re-evaluate wikis again at end of October. Please see https://night-mode-checker.wmcloud.org/ to discover issues with your own wiki.

Edtadros subscribed.

Test Result - Prod

Status: ❌ FAIL
Environment: various
OS: macOS
Browser: Chrome
Device: MS MBA
Emulated Device: NA

Test Artifact(s):

Test Steps

Test Case 1: Verify Dark Mode is Enabled for All Users

  1. Visit any of the identified wikis (e.g., ang.wikipedia.org, frp.wikipedia.org).
  2. ✅ AC1: Confirm that dark mode is available for all users, including anonymous users.

see below
Test Case 2: Verify Contrast Issues in Dark Mode

  1. Visit any of the identified wikis in both light mode and dark mode.
  2. ❌ AC2: Confirm that the contrast issues in dark mode do not exceed those in light mode.

see below

Summary Report
Baseline: 42
Scanned 42 pages.
16 pages without color contrast violations.
26 pages with color contrast violations.

#ProjectPageLightDarkStatus
1ang.wikipedia.orghttps://ang.wikipedia.org/wiki/Main_Page10✅
2ban.wikipedia.orghttps://ban.wikipedia.org/wiki/Main_Page1212✅
3be-tarask.wikipedia.orghttps://be-tarask.wikipedia.org/wiki/Main_Page10✅
4be.wikipedia.orghttps://be.wikipedia.org/wiki/Main_Page00✅
5blk.wikipedia.orghttps://blk.wikipedia.org/wiki/Main_Page00✅
6bn.wikipedia.orghttps://bn.wikipedia.org/wiki/Main_Page00✅
7br.wikipedia.orghttps://br.wikipedia.org/wiki/Main_Page120✅
8bs.wikipedia.orghttps://bs.wikipedia.org/wiki/Main_Page00✅
9ca.wikipedia.orghttps://ca.wikipedia.org/wiki/Main_Page40✅
10cdo.wikipedia.orghttps://cdo.wikipedia.org/wiki/Main_Page104✅
11co.wikipedia.orghttps://co.wikipedia.org/wiki/Main_Page30✅
12cv.wikipedia.orghttps://cv.wikipedia.org/wiki/Main_Page00✅
13dag.wikipedia.orghttps://dag.wikipedia.org/wiki/Main_Page10✅
14el.wikipedia.orghttps://el.wikipedia.org/wiki/Main_Page00✅
15et.wikipedia.orghttps://et.wikipedia.org/wiki/Main_Page10✅
16eu.wikipedia.orghttps://eu.wikipedia.org/wiki/Main_Page33✅
17ext.wikipedia.orghttps://ext.wikipedia.org/wiki/Main_Page10✅
18fo.wikipedia.orghttps://fo.wikipedia.org/wiki/Main_Page20✅
19frp.wikipedia.orghttps://frp.wikipedia.org/wiki/Main_Page42409❌
20fy.wikipedia.orghttps://fy.wikipedia.org/wiki/Main_Page00✅
21ht.wikipedia.orghttps://ht.wikipedia.org/wiki/Main_Page11✅
22hyw.wikipedia.orghttps://hyw.wikipedia.org/wiki/Main_Page00✅
23kbp.wikipedia.orghttps://kbp.wikipedia.org/wiki/Main_Page10✅
24ks.wikipedia.orghttps://ks.wikipedia.org/wiki/Main_Page10✅
25kw.wikipedia.orghttps://kw.wikipedia.org/wiki/Main_Page32✅
26ky.wikipedia.orghttps://ky.wikipedia.org/wiki/Main_Page00✅
27la.wikipedia.orghttps://la.wikipedia.org/wiki/Main_Page00✅
28lo.wikipedia.orghttps://lo.wikipedia.org/wiki/Main_Page80✅
29mt.wikipedia.orghttps://mt.wikipedia.org/wiki/Main_Page131✅
30nds.wikipedia.orghttps://nds.wikipedia.org/wiki/Main_Page00✅
31ne.wikipedia.orghttps://ne.wikipedia.org/wiki/Main_Page00✅
32nn.wikipedia.orghttps://nn.wikipedia.org/wiki/Main_Page02❌
33nov.wikipedia.orghttps://nov.wikipedia.org/wiki/Main_Page00✅
34ny.wikipedia.orghttps://ny.wikipedia.org/wiki/Main_Page10✅
35oc.wikipedia.orghttps://oc.wikipedia.org/wiki/Main_Page03❌
36pa.wikipedia.orghttps://pa.wikipedia.org/wiki/Main_Page00✅
37sco.wikipedia.orghttps://sco.wikipedia.org/wiki/Main_Page100✅
38shn.wikipedia.orghttps://shn.wikipedia.org/wiki/Main_Page00✅
39sk.wikipedia.orghttps://sk.wikipedia.org/wiki/Main_Page01❌
40ss.wikipedia.orghttps://ss.wikipedia.org/wiki/Main_Page640✅
41tr.wikipedia.orghttps://tr.wikipedia.org/wiki/Main_Page00✅
42vi.wikipedia.orghttps://vi.wikipedia.org/wiki/Main_Page10✅

This LGTM in the sense that all these projects are getting dark mode. We can follow up with communities about improving.

Fixed the following

False positives - these are not issues with content:
*nn.wikipedia - pseudo elements.

The thanks goes to @Trizek-WMF for fixing frp.wikipedia.org 😉

The thanks goes to @Trizek-WMF for fixing frp.wikipedia.org 😉

If you need assistance for upcoming deployments for languages spoken in France, let me know.