-
Notifications
You must be signed in to change notification settings - Fork 1
Open
Description
** 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
Labels
No labels