fix: missing h1 heading (fixes #124)

microsoft · May 15, 2024 · 9e35612 · 9e35612
1 parent 009cdc5
commit 9e35612
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/packages/website/src/app/workshop/workshop.ts b/packages/website/src/app/workshop/workshop.ts
@@ -27,6 +27,12 @@ export async function loadWorkshop(repoPath: string, options?: LoaderOptions): P
   const sections = fileContents.markdown.split(sectionSeparator).map((markdown, index) => {
     const headings = getHeadings(markdown);
     const title = fileContents.meta.sections_title?.[index] ?? headings[0]?.text ?? '';
+
+    if (headings.length && headings[0].level !== 1) {
+      // If we're missing the top-level heading, then add one using the title
+      markdown = `<h1 class="visually-hidden">${fileContents.meta.title}</h1>\n\n${markdown}`;
+    }
+
     return { title, headings, markdown };
   });
   return {