[Share Highlights] Add article title in quote share
Closed, ResolvedPublic3 Estimated Story Points
Actions

Assigned To

Authored By

	mfossati
	Apr 20 2026, 11:39 AM

Description

If the user selects text, then display the W wordmark and the article title in the branding container.

Design spec.

Make sure to doublecheck whether the singular W wordmark is not i18n'ed. If it is: chat with @JScherer-WMF to figure out how to move forward.

Acceptance criteria

display the W wordmark instead of Wikipedia's one
display the article title
truncate the title before it touches CC-BY-SA wordmarks

Details

Related Changes in Gerrit:

	Subject	Repo	Branch	Lines +/-
	Share Highlight: add article title and Wikipedia W logo to card	mediawiki/extensions/ReaderExperiments	master	+60 -3

Customize query in gerrit

Related Objects
Search...

		Status	Subtype	Assigned	Task
		Open		None	T416432 [Epic] Share Card experiment
		Resolved		lwatson	T423859 [Share Highlights] Add article title in quote share

Event Timeline

mfossati created this task.Apr 20 2026, 11:39 AM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptApr 20 2026, 11:39 AM

mfossati triaged this task as High priority.Apr 20 2026, 11:40 AM

mfossati added a parent task: T416432: [Epic] Share Card experiment.

mfossati moved this task from Incoming/Inbox to Needs Refinement on the Reader Growth Team board.

mfossati mentioned this in T421546: [Share Highlights] (minor) Positioning of W logo for long article titles.Apr 20 2026, 12:05 PM

matthiasmullie updated the task description. (Show Details)Apr 21 2026, 4:23 PM

matthiasmullie updated the task description. (Show Details)

matthiasmullie set the point value for this task to 3.

matthiasmullie added a subscriber: JScherer-WMF.

egardner moved this task from Needs Refinement to Sprint 2 (Apr 15 - Apr 28) Q4 25/26 on the Reader Growth Team board.Apr 21 2026, 9:03 PM

egardner edited projects, added Reader Growth Team (Sprint 2 (Apr 15 - Apr 28) Q4 25/26); removed Reader Growth Team.

matthiasmullie merged a task: T421546: [Share Highlights] (minor) Positioning of W logo for long article titles.Apr 22 2026, 10:31 AM

matthiasmullie added subscribers: Etonkovidova, HSwan-WMF, egardner.

lwatson claimed this task.Apr 27 2026, 2:59 PM

lwatson moved this task from Committed to Doing on the Reader Growth Team (Sprint 2 (Apr 15 - Apr 28) Q4 25/26) board.Apr 27 2026, 4:05 PM

Change #1277707 had a related patch set uploaded (by LWatson; author: LWatson):

[mediawiki/extensions/ReaderExperiments@master] Share Highlight: add article title and W logo to card

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

gerritbot added a project: Patch-For-Review.Apr 27 2026, 7:19 PM

This change displays the Wikipedia W logo and article title in the card when text is selected. The Wikipedia logo and article title elements are found in the __branding div container.

Adds the Wikipedia W logo as a local SVG file
Display the W logo next to the article title
Vertically aligns the inline SVGs to the article title text

Before:

There's no logo or article title for the share text card.

The article-level card uses the Wikipedia wordmark queried from the page and displays it in the card.

Screenshot 2026-04-27 at 11.38.59 AM.png (548×810 px, 100 KB)

Screenshot 2026-04-27 at 11.38.36 AM.png (304×774 px, 53 KB)

After:

Display the W logo and article title in the card when text is selected. The 22x16 SVG was exported from the Figma spec.

The article -level Wikipedia wordmark logo is unchanged.

lwatson moved this task from Doing to Code Review on the Reader Growth Team (Sprint 2 (Apr 15 - Apr 28) Q4 25/26) board.Apr 27 2026, 7:56 PM

lwatson moved this task from Code Review to Doing on the Reader Growth Team (Sprint 2 (Apr 15 - Apr 28) Q4 25/26) board.Apr 28 2026, 1:21 PM

lwatson attached a referenced file: F78569584: Screenshot 2026-04-28 at 1.58.08 PM.png. (Show Details)Apr 28 2026, 6:14 PM

lwatson moved this task from Doing to Code Review on the Reader Growth Team (Sprint 2 (Apr 15 - Apr 28) Q4 25/26) board.Apr 28 2026, 8:49 PM

Change #1277707 merged by jenkins-bot:

[mediawiki/extensions/ReaderExperiments@master] Share Highlight: add article title and Wikipedia W logo to card

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

ReleaseTaggerBot added a project: MW-1.47-notes (1.47.0-wmf.1; 2026-05-05).Apr 28 2026, 9:00 PM

Maintenance_bot removed a project: Patch-For-Review.Apr 28 2026, 9:31 PM

Notes for QA

Test both the article-level share and the selected text share user flow.
Bug found: article title is bold for both share entries, but should only be bold for article-level share. T424787: Share Highlight: article title should not be bold within card when text is selected
Beta sometimes renders no article-level text (eg. Cat) or renders with unexpected text (eg. Spain). Out of scope for this task, which focuses on the branding. Hoping this is just a beta issue, and we can recheck in production.

Expected behavior

When text is selected and displayed in the card, the Wikipedia W logo and article title are displayed in the card.
The W logo, article title, and attribution icons are the same color (font color and SVG path fill color). If it's a card with an image, then the relevant elements are var(--dominant-color-contrasting) color, while text-only cards are #000 color.
The article-level share is unchanged and renders the Wikipedia wordmark. Note that the article title is not present in the article-level card.

Example articles for testing

Article with images on beta:

Article with no image on beta:

lwatson moved this task from Sprint 2 (Apr 15 - Apr 28) Q4 25/26 to Sprint 3 (Apr 29 - May 12) Q4 25/26 on the Reader Growth Team board.Apr 30 2026, 4:00 PM

lwatson edited projects, added Reader Growth Team (Sprint 3 (Apr 29 - May 12) Q4 25/26); removed Reader Growth Team (Sprint 2 (Apr 15 - Apr 28) Q4 25/26).

lwatson moved this task from Committed to QA on the Reader Growth Team (Sprint 3 (Apr 29 - May 12) Q4 25/26) board.

Thank you, @lwatson for QA Notes!

Checked on enwiki beta - no issues are found.

no lead image, long article title, dark mode

Screenshot 2026-05-01 at 5.34.57 PM.png (626×523 px, 32 KB)

a lead image is present; dark mode

Screenshot 2026-05-01 at 5.09.46 PM.png (920×527 px, 454 KB)

examples from QA Notes

Articles with images	Cat	Cuba- dark mode
No image	Spain - dark mode	Car

Etonkovidova updated the task description. (Show Details)May 1 2026, 9:51 PM

LGTM. Signing off.

	F79102701: Screenshot 2026-05-01 at 5.42.04 PM.png
	May 1 2026, 9:51 PM

	F79101991: Screenshot 2026-05-01 at 5.37.24 PM.png
	May 1 2026, 9:51 PM

	F79104228: Screenshot 2026-05-01 at 5.49.25 PM.png
	May 1 2026, 9:51 PM

	F79104211: Screenshot 2026-05-01 at 5.46.33 PM.png
	May 1 2026, 9:51 PM

	F79101499: Screenshot 2026-05-01 at 5.09.46 PM.png
	May 1 2026, 9:51 PM

	F79101389: Screenshot 2026-05-01 at 5.34.57 PM.png
	May 1 2026, 9:51 PM

	F78569584: Screenshot 2026-04-28 at 1.58.08 PM.png
	Apr 28 2026, 6:14 PM

	F78381364: Screenshot 2026-04-27 at 3.20.07 PM.png
	Apr 27 2026, 7:36 PM

[Share Highlights] Add article title in quote shareClosed, ResolvedPublic3 Estimated Story PointsActions