Marking non-heading emphasis as headings dilutes their navigation value

What it is

Tagging “Limited-time offer” as a heading because it should look large and loud is not the same as opening a chapter. The heading list then fills with slogans, taglines and card promotions. Using headings for emphasis dilutes headings as a contents list: real chapter names drown in large type that is not a chapter, and people stop trusting the list.

Emphasis is a job for style or an emphasis element. A heading’s job is to open a block you can enter. Looking big is not being a heading.

Why it happens

A heading list is a table of contents. Density helps when every item points at a block that has content under it. Pushing emphasis sentences with no following content into that list turns density into noise: people hunt three real chapters among twenty entries, and scanning cost returns to linear. Worse, trust collapses — last time “Limited-time offer” dropped into a slogan rather than a section, so next time a real chapter is skipped too.

This abuse runs the opposite direction from skipping a level to make type smaller: skipping is a real level used wrong; here a sentence that should not enter the tree enters it. Both dirty the outline, differently. Component libraries that always emit a heading element for a card title turn twelve cards on an overview into twelve false chapters, even when each card holds one line of summary.

Studying it

Sort every item in the heading list into “opens a content block” versus “emphasis only,” and compute a pollution rate. Ask people to find a named chapter from the heading list alone, and count how often a false heading takes them away.

Independent variables: share of non-chapter headings, whether cards always emit a heading element, whether emphasis is restyled onto a non-heading. Dependent variables: pollution rate, time to locate a chapter, count of false-heading selections, abandon rate.

Automation can barely tell whether large type has a real chapter under it; a human has to follow the list in. Sample marketing pages, dashboard card walls, checkout with promo strips. Do not use “heading count” as the metric — a high count may be genuine chapters; pollution rate is this criterion.

Where it stops holding

When the card itself is an enterable entity (an article teaser, a widget title), a card heading is a real heading, provided the content it opens is actually under its jurisdiction. A quoted original chapter title inside a block quote is foreign structure and should be marked as a quote, not as a host-page chapter. A very large brand slogan that is the page topic may be the top-level heading; do not remove it because “it looks like a slogan.” A warning banner needs emphasis; emphasis is not a promotion to chapter.

Applying it

• Use a heading element only when it opens a block that has content under it. Slogans, promotions, badges and one-line emphasis go to style or an emphasis element.
• Do not default card components to emitting a heading element. Emit one only when the card is a chapter or an entity entrance, and slot that level into the page outline rather than starting a new root on every card.
• Items that can be deleted from the heading list without leaving any block unowned were never headings.
• How to check: open the heading list and ask of each item “is there a block under this that it owns?” Restyle the ones that do not. Walk “find a chapter from the list” again; false-heading diversions should drop to zero.

Related

• Same group: J2.14.1 Heading levels must nest sequentially and must not skip levels for visual effect · J2.14.2 A page typically has one top-level heading that names the page topic · J2.14.3 Landmark regions (navigation, main, footer) supply structure beyond headings
• Nearby: J2.09 Semantic Structure · J5.01 Screen Readers · J4.08 Attention and Distraction
• Search terms: heading overuse · false heading · outline pollution