From 8ac7786cd1713fd066b6fd6a328e1d046ce23428 Mon Sep 17 00:00:00 2001
From: Peter Makowski <peter.makowski@canonical.com>
Date: Thu, 11 Jan 2024 14:56:42 +0100
Subject: [PATCH] fix: improve intro pages a11y (#5272)

---
 cypress/constants.ts                             | 2 +-
 src/app/intro/components/IntroCard/IntroCard.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/cypress/constants.ts b/cypress/constants.ts
index b57adecd93..b1aec6c7b7 100644
--- a/cypress/constants.ts
+++ b/cypress/constants.ts
@@ -1,7 +1,7 @@
 export type Page = { heading: string; headingLevel?: number; url: string };
 export const pages: Page[] = [
   { heading: "Login", url: "/accounts/login" },
-  { heading: "SSH keys for admin", headingLevel: 2, url: "/intro/user" },
+  { heading: "SSH keys for admin", url: "/intro/user" },
   { heading: "Devices", url: "/devices" },
   { heading: "Controllers", url: "/controllers" },
   { heading: "Subnets", url: "/networks" },
diff --git a/src/app/intro/components/IntroCard/IntroCard.tsx b/src/app/intro/components/IntroCard/IntroCard.tsx
index 6801801e50..7673067de1 100644
--- a/src/app/intro/components/IntroCard/IntroCard.tsx
+++ b/src/app/intro/components/IntroCard/IntroCard.tsx
@@ -35,10 +35,10 @@ const IntroCard = ({
       title={
         <>
           <span className="u-flex--between">
-            <h2 className="p-heading--4" data-testid="section-header-title">
+            <h1 className="p-heading--4" data-testid="section-header-title">
               <Icon aria-label={icon} name={icon} />
               &ensp;{title}
-            </h2>
+            </h1>
             {titleLink ? (
               <span className="p-text--default u-text--default-size">
                 {titleLink}