Page MenuHomePhabricator
Create Task
Maniphest T245838

Suggestion: Reconsider typography of headings h1-h6 (umbrella task)
Closed, DeclinedPublic
Actions

Description

Demo, comparison, analysis:
Vector_headings_typography_fix

Intro

This is the umbrella task that catalogs feedback about the styling of headings on the web interface.
The related discussion on-wiki: Desktop_Improvements#Will_there_be_any_changes_to_typography?

The problem

Headings, their level and the section they denote are hard to recognize on wiki pages.

  • It's hard to distinguish the 3rd heading level in articles (h4) from the content.
  • The recognition of h2 being higher level than h3 does not come naturally.
  • Depending on the available fonts on the viewer's system h3 can look bigger than h2.

Sample: in Vector.

Prior art

T65844: h3 should not be more prominent than h2 headings
T71998: Vector: h3 should not appear as heavier weight than h2
T71999: MonoBook: h3 should not appear as heavier weight than h2
T72004: h4, h5, and h6 headers should not have the same styling
T73240: Re-evaluate serif font stack for headers

Details

Related Changes in Gerrit:
SubjectRepoBranchLines +/-
[Typography] MonoBook: Apply the same relative heading sizes as in Vector. h2 is now clearly bigger than h3.mediawiki/coremaster+9 -7
[POC] [Typography] Fix sizes and consistent font usage of headings h1-h6.mediawiki/skins/Vectormaster+36 -24
Cleanup: add Less variables `@font-size-heading-4`, -5, -6mediawiki/skins/Vectormaster+29 -16
Customize query in gerrit

Related Objects
Search...

Event Timeline

• Demian created this task.Feb 21 2020, 3:40 PM
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptFeb 21 2020, 3:40 PM
• Demian triaged this task as Low priority.Feb 21 2020, 3:41 PM
• Demian added subtasks: T65844: h3 should not be more prominent than h2 headings, T71998: Vector: h3 should not appear as heavier weight than h2, T71999: MonoBook: h3 should not appear as heavier weight than h2, T73240: Re-evaluate serif font stack for headers, T72004: h4, h5, and h6 headers should not have the same styling.
• Demian added a project: Design.
• Demian updated the task description. (Show Details)Feb 21 2020, 6:56 PM
gerritbot added a comment.Mar 3 2020, 10:05 AM

Change 576105 had a related patch set uploaded (by Aron Manning; owner: Aron Manning):
[mediawiki/skins/Vector@master] Cleanup: add Less variables @font-size-heading-4, -5, -6

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

gerritbot added a project: Patch-For-Review.Mar 3 2020, 10:05 AM

Change 576106 had a related patch set uploaded (by Aron Manning; owner: Aron Manning):
[mediawiki/skins/Vector@master] Cleanup: remove redundant CSS selectors

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

gerritbot added a comment.May 12 2020, 10:30 PM

Change 576105 abandoned by Jdlrobson:
Cleanup: add Less variables @font-size-heading-4, -5, -6

Reason:
No changes to typography are planned in the near future so I'm removing this from the review queue. The link to this will continue to be preserved if we decide to pick this up in future. Feel free to comment on the appropriate task with a link to this patch to preserve it for future use.

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

• Demian added a project: User-Demian.Jul 4 2020, 12:23 AM
• Demian mentioned this in W2550 Inactive tasks.Jul 4 2020, 12:44 AM
• Demian moved this task from Incoming to Freezer on the User-Demian board.Jul 4 2020, 1:43 AM
• Demian moved this task from Freezer to Denied on the User-Demian board.Nov 2 2020, 4:58 AM
gerritbot added a comment.Nov 2 2020, 7:27 PM

Change 576109 had a related patch set uploaded (by Aron Manning; owner: Aron Manning):
[mediawiki/skins/Vector@master] [Typography] Fix sizes and consistent font usage of headings h1-h6.

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

• Demian removed a project: Patch-For-Review.Nov 2 2020, 7:29 PM
• Demian updated the task description. (Show Details)
gerritbot added a comment.Nov 2 2020, 7:56 PM

Change 573035 had a related patch set uploaded (by Aron Manning; owner: Aron Manning):
[mediawiki/core@master] [Typography] Apply the same relative heading sizes as for Vector. h2 is now clearly bigger than h3.

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

gerritbot added a project: Patch-For-Review.Nov 2 2020, 7:56 PM
• Demian mentioned this in T71999: MonoBook: h3 should not appear as heavier weight than h2.Nov 2 2020, 7:57 PM
• Demian mentioned this in T72004: h4, h5, and h6 headers should not have the same styling.Nov 2 2020, 8:01 PM
Aklapper removed • Demian as the assignee of this task.Nov 8 2020, 10:24 AM

[Resetting assignee due to inactive user account]

Jdlrobson renamed this task from Typography: styling headings h1-h6 (umbrella task) to Suggestion: Reconsider typography of headings h1-h6 (umbrella task).Nov 24 2020, 8:28 PM
gerritbot added a comment.Nov 24 2020, 8:28 PM

Change 576109 abandoned by Jdlrobson:
[mediawiki/skins/Vector@master] [POC] [Typography] Fix sizes and consistent font usage of headings h1-h6.

Reason:
No need for this to be in the review queue since https://phabricator.wikimedia.org/T245838 is open and this is associated.

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

Lectrician1 subscribed.Dec 31 2022, 3:51 AM
Volker_E edited projects, added Design-System-Team; removed User-Demian, UI-Standardization.Feb 13 2025, 9:30 AM
Volker_E removed a subscriber: • Demian.
Volker_E raised the priority of this task from Low to Needs Triage.Feb 13 2025, 10:09 AM
Volker_E moved this task from Inbox to Backlog on the Design-System-Team board.
Aklapper edited projects, added Patch-Needs-Improvement, MonoBook; removed Patch-For-Review.Aug 18 2025, 8:51 AM
Jdlrobson-WMF closed this task as Declined.Nov 10 2025, 11:12 PM
Jdlrobson-WMF subscribed.

We are not actively working on Monobook.

gerritbot added a comment.Mar 30 2026, 1:13 PM

Change #573035 abandoned by Hashar:

[mediawiki/core@master] [Typography] MonoBook: Apply the same relative heading sizes as in Vector. h2 is now clearly bigger than h3.

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

gerritbot added a comment.Mar 30 2026, 11:16 PM

Change #573035 restored by Thcipriani:

[mediawiki/core@master] [Typography] MonoBook: Apply the same relative heading sizes as in Vector. h2 is now clearly bigger than h3.

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

gerritbot added a project: Patch-For-Review.Mar 30 2026, 11:16 PM
Restricted Application removed a project: Patch-Needs-Improvement. · View Herald TranscriptMar 30 2026, 11:16 PM
Pppery edited projects, added Patch-Needs-Improvement; removed Patch-For-Review.Mar 31 2026, 1:49 AM
gerritbot added a comment.Apr 2 2026, 5:00 PM

Change #573035 abandoned by Bartosz Dziewoński:

[mediawiki/core@master] [Typography] MonoBook: Apply the same relative heading sizes as in Vector. h2 is now clearly bigger than h3.

Reason:

I don't think this patch will be accepted.

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

Content licensed under Creative Commons Attribution-ShareAlike (CC BY-SA) 4.0 unless otherwise noted; code licensed under GNU General Public License (GPL) 2.0 or later and other open source licenses. By using this site, you agree to the Terms of Use, Privacy Policy, and Code of Conduct. · Wikimedia Foundation · Privacy Policy · Code of Conduct · Terms of Use · Disclaimer · CC-BY-SA · GPL · Credits