Page MenuHomePhabricator

Issues with Growth home page experience in dark mode
Closed, DeclinedPublicBUG REPORT

Description

We have had various reports of issues with the existing dark mode feature relating to the homepage. This feedback is provided here so you can spin out any necessary bugs or use this to prioritize switching from the invert approach to dark mode.

Note some issues may relate to the user misunderstanding they are using the gadget, so if something cannot be replicated.

the message:

Wikipedia is built by people like you working together.

Your edits help improve Wikipedia and further the mission to share free knowledge with the world. Continue to start with small suggested edits.


uses dark text and its verry hard to read, it should be white text. this happens on my home page

Should be addressed in: T370454: After confirming my email for my account, popup illegible.

There are articles that use transparent images where the only color is black, obviously making it difficult to read. One of the articles is List of musical symbols.

I think this is fixed? https://en.wikipedia.org/wiki/List_of_musical_symbols

Some text boxes such as the "Suggested Edits" page on my account homepage are showing with little to no contrast. This makes it near impossible to read.

Should be addressed in: T369588: Dark Mode: Suggested Edits & Structured Tasks

On the special logged in homepage the images for the most viewed edits are color inverted and appear demonic

Should be addressed in: T373392: Dark mode: Homepage-Impact modules displays thumbnails with non-inverted colors

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald Transcript

Looked into the issues:

the message:

Wikipedia is built by people like you working together.

Your edits help improve Wikipedia and further the mission to share free knowledge with the world. Continue to start with small suggested edits.

uses dark text and its verry hard to read, it should be white text. this happens on my home page
There are articles that use transparent images where the only color is black, obviously making it difficult to read. One of the articles is List of musical symbols.
Some text boxes such as the "Suggested Edits" page on my account homepage are showing with little to no contrast. This makes it near impossible to read.
  • those checkboxes are not the only user controls for selection; the label area is also clickable. There are some guidance on required contrast ratio for non-text, non-active elements on a page (WCAG21/Understanding/non-text-contrast. But some this might need some additional evaluation.
On the special logged in homepage the images for the most viewed edits are color inverted and appear demonic

Thanks Elena!

it was the issue at some point (e.g. T351097: Suggested edits images in dark mode are in inverted colours) which was fixed. I did not encounter any examples of images in Suggested module on Special:Homepage not displaying inverted colors. Any examples of the issue would be helpful.

I can't replicate either. I suspect they might be using the gadget?

those checkboxes are not the only user controls for selection; the label area is also clickable. There are some guidance on required contrast ratio for non-text, non-active elements on a page (WCAG21/Understanding/non-text-contrast. But some this might need some additional evaluation.

Do we want to create a ticket for this (I assume a designer should evaluate) and close out this one?

Thanks Elena!

it was the issue at some point (e.g. T351097: Suggested edits images in dark mode are in inverted colours) which was fixed. I did not encounter any examples of images in Suggested module on Special:Homepage not displaying inverted colors. Any examples of the issue would be helpful.

I can't replicate either. I suspect they might be using the gadget?

@Jdlrobson - the issue T351097 was reported (and fixed) for the gadget. I checked both in wmf.18 - Dark_mode (gadget and Dark mode. The issue is not present.

those checkboxes are not the only user controls for selection; the label area is also clickable. There are some guidance on required contrast ratio for non-text, non-active elements on a page (WCAG21/Understanding/non-text-contrast. But some this might need some additional evaluation.

Do we want to create a ticket for this (I assume a designer should evaluate) and close out this one?

I re-checked Special:Homepage (I initially misunderstood the report - it is about "text boxes" not "check boxes"). I re-run Lighthouse (96% Accessibility score) and axe Dev Tools (no contrast issues). So, the page seems to be a very good shape.

Here is the screenshot of my homepage (desktop version) on the Chinese Wikipedia F57289784, and you can see images color in "Most viewed (since your edit)" part is inverted.

Here is the screenshot of my homepage (desktop version) on the Chinese Wikipedia F57289784, and you can see images color in "Most viewed (since your edit)" part is inverted.

Thanks @SCP-2000 for the example! I filed it as a separate task: T373392: Dark mode: Homepage-Impact modules displays thumbnails with non-inverted colors

KStoller-WMF subscribed.

At this point, I think all of the examples in this task are covered by more specific tasks.
To help minimize confusion (and workboard overload), I'm going to decline this task. (But feel free to open if I'm missing something!)

At this point, I think all of the examples in this task are covered by more specific tasks.
To help minimize confusion (and workboard overload), I'm going to decline this task. (But feel free to open if I'm missing something!)

I've reviewed the issues in the task and the subsequent tasks that were filed. Yes, all reported cases have been covered.

TeeraphanAotjantuek changed the task status from Declined to Resolved.Oct 30 2024, 1:26 PM
SCP-2000 changed the task status from Resolved to Declined.Oct 30 2024, 1:39 PM

Revert vandalism.