free up h1 tag by reworking page header, then apply it througout page content.

stopfstedt · stopfstedt · commit 5cfe131a998a · 2026-02-12T16:26:27.000-08:00
this is semantically more correct.
diff --git a/src/components/Header.astro b/src/components/Header.astro
@@ -37,11 +37,11 @@
 </style>
 
 <header>
-  <h1>
+  <div>
     <a href="/" aria-label="Ilios Home">
       <img src="/media/ilios-logo.svg" alt="Ilios Logo" />
       <span class="visually-hidden">Ilios</span>
     </a>
-  </h1>
+  </div>
   <p>Curriculum Management for the Health Professions</p>
 </header>
diff --git a/src/pages/404.astro b/src/pages/404.astro
@@ -15,7 +15,7 @@ import Content from '../layouts/Content.astro';
 
 <Content title="404 Not Found" description="404 Not Found">
   <div>
-    <h2>404: Rats! I couldn't find that.</h2>
+    <h1>404: Rats! I couldn't find that.</h1>
     <img src="/assets/lostcat.png" alt="funny lost cat" />
   </div>
 </Content>
diff --git a/src/pages/about.md b/src/pages/about.md
@@ -5,6 +5,8 @@ description: >
   Ilios is a curriculum management platform for the Health Professions educational community. It is a user-friendly, flexible, and robust web application. Ilios collects, manages, analyzes, and delivers curricular information.
 ---
 
+# About
+
 - [Technology](/technology)
 - [License](/license)
 - [Ilios Schools](/ilios-schools)
diff --git a/src/pages/acr.md b/src/pages/acr.md
@@ -5,6 +5,8 @@ description: >
   Ilios Accessibility Conformance Report for Ilios v3.x with testing for WCAG 2.2 AAA
 ---
 
+# Accessibility Conformance Report
+
 ## Ilios Accessibility Conformance Report
 
 (Based on VPAT® Version 2.5)
diff --git a/src/pages/contact-us.md b/src/pages/contact-us.md
@@ -10,6 +10,8 @@ description: >
   San Francisco, CA 94143
 ---
 
+# Contact Us
+
 For more information on Ilios please contact:
 
 **_The Ilios Project_**\
diff --git a/src/pages/demo.md b/src/pages/demo.md
@@ -5,6 +5,8 @@ description: >
   This demo site serves multiple purposes. First, it provides a live location for potential users to explore and understand the Ilios application; second, it is our sample of just how Ilios can live as a secure, cloud hosted curriculum management tool; finally,since it is being fully populated with curricular data from the UCSF, it allows interested parties to review and analyze the current curriculum in place at UCSF and how that is being represented in Ilios, organized in the competency framework model, and presented to our learners.
 ---
 
+# Demo
+
 The Ilios Demo site is available at [https://demo.iliosproject.org](https://demo.iliosproject.org).
 
 This demo site serves multiple purposes. First, it provides a live location for potential users to explore and understand the Ilios application; second, it is our sample of just how Ilios can live as a secure, cloud hosted curriculum management tool; finally,since it is being fully populated with curricular data from the UCSF, it allows interested parties to review and analyze the current curriculum in place at UCSF and how that is being represented in Ilios, organized in the competency framework model, and presented to our learners.
diff --git a/src/pages/features.md b/src/pages/features.md
@@ -5,6 +5,8 @@ description: >
   Ilios allows for the control and development of complex curricula organized by individual departments, programs schools or institutions. Courses may be shared across these organizations, while still maintaining data integrity, security and intellectual property controls.
 ---
 
+# Features
+
 Ilios allows for the control and development of complex curricula organized by individual departments, programs schools or institutions. Courses may be shared across these organizations, while still maintaining data integrity, security and intellectual property controls.
 
 ## Program Management
diff --git a/src/pages/hosting-pricing.astro b/src/pages/hosting-pricing.astro
@@ -28,6 +28,7 @@ const jan1OfThisYear = DateTime.fromObject({ month: 1, day: 1 });
 </style>
 
 <Content title="Pricing" description="Information on Ilios Hosting Pricing">
+  <h1>Pricing</h1>
   <p><a href="/hosting">&lt;-- Back</a></p>
   <h2>We Can Host You</h2>
 
diff --git a/src/pages/hosting.astro b/src/pages/hosting.astro
@@ -12,6 +12,8 @@ import Content from '../layouts/Content.astro';
   title="Hosting"
   description="If you are interested in having us host your Ilios instance for you in our secure production environment, let us know. We can help migrate your existing Ilios, or if you are new to Ilios we can spin you up an original setup."
 >
+  <h1>Hosting</h1>
+
   <h2>We Can Host You</h2>
 
   <p>
diff --git a/src/pages/ilios-schools.md b/src/pages/ilios-schools.md
@@ -5,7 +5,7 @@ description: >
   List of Ilios Schools
 ---
 
-## Ilios Schools
+# Ilios Schools
 
 - UCSF School of Medicine (project partner)
 - UC Irvine School of Medicine (project partner)
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -35,7 +35,7 @@ const posts = (await getCollection('post')).sort(
     </ul>
   </nav>
   <div>
-    <h2>Latest News</h2>
+    <h1>Latest News</h1>
     <ul>
       <PostSummary post={posts[0]} />
       <PostSummary post={posts[1]} />
diff --git a/src/pages/license.md b/src/pages/license.md
@@ -5,6 +5,8 @@ description: >
   Ilios License Information
 ---
 
+# License
+
 ## The MIT License (MIT)
 
 Copyright (c) 2026 The Regents of the University of California
diff --git a/test/playwright/404.spec.ts b/test/playwright/404.spec.ts
@@ -7,8 +7,7 @@ test.describe('404 Error Page', () => {
     await page.goto('/missing');
 
     await expect(page).toHaveTitle('404 Not Found | Ilios');
-    await expect(page.getByRole('heading', { level: 1 })).toContainText('Ilios');
-    await expect(page.getByRole('heading', { level: 2 })).toContainText(
+    await expect(page.getByRole('heading', { level: 1 })).toContainText(
       "404: Rats! I couldn't find that.",
     );
     await takeScreenshot(page, '404');
diff --git a/test/playwright/about.spec.ts b/test/playwright/about.spec.ts
@@ -7,7 +7,7 @@ test.describe('About Page', () => {
     await page.goto('/about');
 
     await expect(page).toHaveTitle('About | Ilios');
-    await expect(page.getByRole('heading', { level: 1 })).toContainText('Ilios');
+    await expect(page.getByRole('heading', { level: 1 })).toContainText('About');
     await takeScreenshot(page, 'about');
   });
 
diff --git a/test/playwright/acr.spec.ts b/test/playwright/acr.spec.ts
@@ -7,7 +7,10 @@ test.describe('ACR Page', () => {
     await page.goto('/acr');
 
     await expect(page).toHaveTitle('Accessibility Conformance Report | Ilios');
-    await expect(page.getByRole('heading', { level: 1 })).toContainText('Ilios');
+    await expect(page.getByRole('heading', { level: 1 })).toContainText(
+      'Accessibility Conformance Report',
+    );
+    await expect(page.locator('h2').first()).toContainText('Ilios Accessibility Conformance Report');
     await takeScreenshot(page, 'acr');
   });
 
diff --git a/test/playwright/contact-us.spec.ts b/test/playwright/contact-us.spec.ts
@@ -7,7 +7,7 @@ test.describe('Contact Us Page', () => {
     await page.goto('/contact-us');
 
     await expect(page).toHaveTitle('Contact Us | Ilios');
-    await expect(page.getByRole('heading', { level: 1 })).toContainText('Ilios');
+    await expect(page.getByRole('heading', { level: 1 })).toContainText('Contact Us');
     await takeScreenshot(page, 'contact-us');
   });
 
diff --git a/test/playwright/demo.spec.ts b/test/playwright/demo.spec.ts
@@ -7,7 +7,7 @@ test.describe('Demo Page', () => {
     await page.goto('/demo');
 
     await expect(page).toHaveTitle('Demo | Ilios');
-    await expect(page.getByRole('heading', { level: 1 })).toContainText('Ilios');
+    await expect(page.getByRole('heading', { level: 1 })).toContainText('Demo');
     await takeScreenshot(page, 'demo');
   });
 
diff --git a/test/playwright/features.spec.ts b/test/playwright/features.spec.ts
@@ -7,7 +7,8 @@ test.describe('Features Page', () => {
     await page.goto('/features');
 
     await expect(page).toHaveTitle('Features | Ilios');
-    await expect(page.getByRole('heading', { level: 1 })).toContainText('Ilios');
+    await expect(page.getByRole('heading', { level: 1 })).toContainText('Features');
+    await expect(page.locator('h2').first()).toContainText('Program Management');
     await takeScreenshot(page, 'features');
   });
 
diff --git a/test/playwright/hosting-pricing.spec.ts b/test/playwright/hosting-pricing.spec.ts
@@ -7,7 +7,7 @@ test.describe('Hosting Pricing Page', () => {
     await page.goto('/hosting-pricing');
 
     await expect(page).toHaveTitle('Pricing | Ilios');
-    await expect(page.getByRole('heading', { level: 1 })).toContainText('Ilios');
+    await expect(page.getByRole('heading', { level: 1 })).toContainText('Pricing');
     await expect(page.getByRole('heading', { level: 2 })).toContainText('We Can Host You');
 
     //I left this hardcoded on purpose so we'd have to take a peek at this pricae list at least once a year
diff --git a/test/playwright/hosting.spec.ts b/test/playwright/hosting.spec.ts
@@ -7,7 +7,7 @@ test.describe('Hosting Page', () => {
     await page.goto('/hosting');
 
     await expect(page).toHaveTitle('Hosting | Ilios');
-    await expect(page.getByRole('heading', { level: 1 })).toContainText('Ilios');
+    await expect(page.getByRole('heading', { level: 1 })).toContainText('Hosting');
     await expect(page.getByRole('heading', { level: 2 })).toContainText('We Can Host You');
     await takeScreenshot(page, 'hosting');
   });
diff --git a/test/playwright/ilios-schools.spec.ts b/test/playwright/ilios-schools.spec.ts
@@ -7,8 +7,7 @@ test.describe('Ilios Schools Page', () => {
     await page.goto('/ilios-schools');
 
     await expect(page).toHaveTitle('Schools | Ilios');
-    await expect(page.getByRole('heading', { level: 1 })).toContainText('Ilios');
-    await expect(page.getByRole('heading', { level: 2 })).toContainText('Ilios Schools');
+    await expect(page.getByRole('heading', { level: 1 })).toContainText('Ilios Schools');
     await takeScreenshot(page, 'ilios-schools');
   });
 
diff --git a/test/playwright/index.spec.ts b/test/playwright/index.spec.ts
@@ -5,6 +5,6 @@ test('Home Page', async ({ page }) => {
   await page.goto('/');
 
   await expect(page).toHaveTitle('Home | Ilios');
-  await expect(page.getByRole('heading', { level: 1 })).toContainText('Ilios');
+  await expect(page.getByRole('heading', { level: 1 })).toContainText('Latest News');
   await takeScreenshot(page, 'home');
 });
diff --git a/test/playwright/license.spec.ts b/test/playwright/license.spec.ts
@@ -10,7 +10,7 @@ test.describe('License Page', () => {
     await page.goto('/license');
 
     await expect(page).toHaveTitle('License | Ilios');
-    await expect(page.getByRole('heading', { level: 1 })).toContainText('Ilios');
+    await expect(page.getByRole('heading', { level: 1 })).toContainText('License');
     await expect(page.getByRole('heading', { level: 2 })).toContainText('The MIT License (MIT)');
     await expect(
       page.getByText(`Copyright (c) ${thisYear} The Regents of the University of California`),

Original file line number	Diff line number	Diff line change
`@@ -12,6 +12,8 @@ import Content from '../layouts/Content.astro';`
`12`	`12`	`title="Hosting"`
`13`	`13`	`description="If you are interested in having us host your Ilios instance for you in our secure production environment, let us know. We can help migrate your existing Ilios, or if you are new to Ilios we can spin you up an original setup."`
`14`	`14`	`>`
	`15`	`+ <h1>Hosting</h1>`
	`16`	`+`
`15`	`17`	`<h2>We Can Host You</h2>`
`16`	`18`
`17`	`19`	`<p>`