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.
Jdlrobson updated the task description. (Show Details)
Jdlrobson moved this task from Doing to QA on the Web-Team-Backlog (FY2024-25 Q1 Sprint 6) board.

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.