rework headings

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>

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>

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)

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)

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_**\

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.

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

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>
 

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>

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)

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]} />

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

src/pages/news/[id].astro

@@ -21,6 +21,7 @@ const { Content: PostContent } = await render(postData);
 
 <Content title={postData.data.title} description={postData.data.description || postData.data.title}>
   <div>
+    <h1>{postData.data.title}</h1>
     <PostContent />
     <p>Published on: {postData.data.date.toLocaleDateString()}</p>
   </div>

src/pages/technology.astro

@@ -16,6 +16,7 @@ import Content from '../layouts/Content.astro';
   title="Technology"
   description="Information on the technical requirements for running Ilios"
 >
+  <h1>Technology</h1>
   <h2>Supported Browsers</h2>
   <table>
     <thead>

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');

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');
   });
 

test/playwright/acr.spec.ts

@@ -7,7 +7,12 @@ 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');
   });
 

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');
   });
 

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');
   });
 

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');
   });
 

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

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');
   });

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');
   });
 

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');
 });

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`),

test/playwright/technology.spec.ts

@@ -7,14 +7,14 @@ test.describe('Technology Page', () => {
     await page.goto('/technology');
 
     await expect(page).toHaveTitle('Technology | Ilios');
-    await expect(page.getByRole('heading', { level: 1 })).toContainText('Ilios');
-    await expect(page.getByRole('heading', { level: 2 })).toContainText('Supported Browsers');
+    await expect(page.getByRole('heading', { level: 1 })).toContainText('Technology');
+    await expect(page.locator('h2').first()).toContainText('Supported Browsers');
 
     await takeScreenshot(page, 'technology');
   });
 
   test('should not have any a11y issues', async ({ page }) => {
-    await page.goto('/technology');
+    await page.goto('technology');
 
     const accessibilityScanResults = await new AxeBuilder({ page }).analyze();