Skip to content

The Headings are guessed #113

@umbobabo

Description

@umbobabo

** Currently not a priority, but feedback are welcome, this seems more a Spark and FEs issue, but posting here for C&M visibility **

A document follows a hierarchical structure, where each section nests under the correct heading level.
In HTML, this is represented with heading elements (<h1><h6>), with higher-level headings introducing subsections.

Correct hierarchy example:

Cooking Basics (h1)
├── Ingredients (h2)
│   ├── Vegetables (h3)
│   └── Meats (h3)
└── Techniques (h2)
    ├── Boiling (h3)
    └── Frying (h3)

Current situation

  • <h1> is reserved for the main title.
  • Editorial can add <h2>/<h3> in Spark via Chapter / Sub-Header.
  • Some components inject their own headings (often <h2>,<h3>, <h4>, <h5>).

This can create an inconsistent hierarchy, e.g. headings jump levels and order:

Cooking Basics (h1)
├── Vegetables (h3)   ← Added via a component, it skips h2
├── Ingredients (h2)   ← Added By Editorial
│   └── Leafy Greens (h4) ← Added via a component, it skips h3

This H1 → H3 → H2 → H4 sequence is incorrect because it skips levels and reorders structure, which harms accessibility and navigation.
Potentially, this could be a bigger problem in the future where most advanced cases relate to machine readability could require a correct hierarchy.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions