Page MenuHomePhabricator

[SPIKE] Site notices / Central notices are not accessible by default
Closed, ResolvedPublic2 Estimated Story Points

Description

Background

Many of our banners are not accessible by default in night mode
https://ko.m.wikipedia.org/wiki/?minervanightmode=1&banner=wikilovesfolklore2024_banner

For example seen on Korean:

Screenshot 2024-03-15 at 10.52.10 AM.png (474×1 px, 147 KB)

User story

  • As a reader viewing night mode, I don't want unreadable banners to degrade my experience.
  • As someone running a banner campaign I'd like to choose whether my banner can be adapted for night theme.

Requirements

  • By default banners should be accessible.
  • Users making banners should know that they need to test on night mode and be able to test on night mode.

Discussion points

We will talk to someone from Fundraising Tech about the following:

  • Should banners default to light theme
  • Do we want to support night themed banners in future
  • What is the correct short term and long term solution for banners in night theme.

Possible solutions:

  • The rule .banner-container should define the content as black (#333).
  • CentralNotice could add rule by default.
  • Banners themselves should be updated (preferred -as it's most feature proof - and we may want to run banners that work in both night and light themes in future)

Event Timeline

ovasileva raised the priority of this task from Medium to High.Mar 21 2024, 5:33 PM
Jdlrobson renamed this task from Site notices / Central notices are not accessible by default to [SPIKE] Site notices / Central notices are not accessible by default.Mar 21 2024, 5:46 PM
Jdlrobson updated the task description. (Show Details)
Jdlrobson set the point value for this task to 2.
Jdlrobson added a subscriber: Pcoombe.

Hi @Jdlrobson, in terms of Fundraising banners we're certainly thinking about our design choices for night mode, and will be testing different approaches. We won't need to make final decisions for a while though since we only show to logged out users.

Community banners might be more of a concern due to often showing to logged in users, and the sheer variety of banners. The CentralNotice Community of Practice group is meeting on Monday, so I'll bring it up there. But I think setting a default dark text color on .banner-container might be a good stop gap.

@Pcoombe I think if we set dark color, it would make sense to do this in CentralNotice so you can easily change this in future.

ovasileva lowered the priority of this task from High to Medium.Mar 26 2024, 8:18 AM

@Pcoombe and I just met, we agreed the immediate solution would be for the Web team to apply the .notheme class and a default text color to the #siteNotice element. We chose to do this instead of modifying CentralNotice because #siteNotice can contain many types of content, i.e. the example in the description from korean wiki has its own custom #siteNoticeLocal element that needs to be handled.

Before we deploy night mode to logged out users, the Fundraising team can update fundraising banners to work with night mode. At that point, we can consider removing the .notheme class from #siteNotice. However, there still might be some edge cases that pop up when we do that.

bwang removed bwang as the assignee of this task.Apr 4 2024, 6:29 PM
bwang subscribed.

Okay sounds good. If we did want to run a banner in the night theme I guess the banner itself could remove the class?
We'd need to add the class to both Vector and Minerva skins. Alternatively perhaps Skin::getSiteNotice could contain this logic..?

@bwang could you please create a task for next sprint or submit a patch that captures what has been agreed?