From d33e58a05bede8c4d8e601cedbb91a40d39a45f2 Mon Sep 17 00:00:00 2001
From: Kasper Birch <kasperbirch1@gmail.com>
Date: Wed, 22 May 2024 08:44:04 +0200
Subject: [PATCH 1/2] Restructure heading tree structure

This is important for accessibility and screen readers.

Following the changes introduced in https://github.com/danskernesdigitalebibliotek/dpl-cms/pull/1154/
---
 src/stories/Library/footer-accordions/FooterAccordion.tsx | 4 ++--
 src/stories/Library/footer-colums/FooterColumn.tsx        | 2 +-
 src/stories/Library/nav-spot/NavSpot.tsx                  | 2 +-
 src/stories/Library/nav-teaser/NavTeaser.tsx              | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/stories/Library/footer-accordions/FooterAccordion.tsx b/src/stories/Library/footer-accordions/FooterAccordion.tsx
index 3e74eba21..d76a5c5b0 100644
--- a/src/stories/Library/footer-accordions/FooterAccordion.tsx
+++ b/src/stories/Library/footer-accordions/FooterAccordion.tsx
@@ -16,7 +16,7 @@ const FooterAccordion: FC<FooterAccordionProps> = ({
 
   return (
     <>
-      <h3 className="footer-accordion__header footer__title">
+      <h2 className="footer-accordion__header footer__title">
         <button
           className="footer-accordion__header-button"
           aria-expanded={isOpen}
@@ -30,7 +30,7 @@ const FooterAccordion: FC<FooterAccordionProps> = ({
             alt=""
           />
         </button>
-      </h3>
+      </h2>
       <div
         // eslint-disable-next-line react/no-danger
         dangerouslySetInnerHTML={{ __html: content }}
diff --git a/src/stories/Library/footer-colums/FooterColumn.tsx b/src/stories/Library/footer-colums/FooterColumn.tsx
index 6f5155637..950720999 100644
--- a/src/stories/Library/footer-colums/FooterColumn.tsx
+++ b/src/stories/Library/footer-colums/FooterColumn.tsx
@@ -8,7 +8,7 @@ export type FooterColumnType = {
 const FooterColumn: FC<FooterColumnType> = ({ title, content }) => {
   return (
     <>
-      <h3 className="footer__title">{title}</h3>
+      <h2 className="footer__title">{title}</h2>
       <div
         // eslint-disable-next-line react/no-danger
         dangerouslySetInnerHTML={{ __html: content }}
diff --git a/src/stories/Library/nav-spot/NavSpot.tsx b/src/stories/Library/nav-spot/NavSpot.tsx
index 75fb3028b..34abb8aca 100644
--- a/src/stories/Library/nav-spot/NavSpot.tsx
+++ b/src/stories/Library/nav-spot/NavSpot.tsx
@@ -28,7 +28,7 @@ const NavSpot: FC<NavSpotProps> = ({
         </div>
 
         <div className="nav-spot__text">
-          <h1 className="nav-spot__title">{title}</h1>
+          <h2 className="nav-spot__title">{title}</h2>
 
           {subtitle ? <p className="nav-spot__subtitle">{subtitle}</p> : ""}
 
diff --git a/src/stories/Library/nav-teaser/NavTeaser.tsx b/src/stories/Library/nav-teaser/NavTeaser.tsx
index a2c9defeb..1824d9e62 100644
--- a/src/stories/Library/nav-teaser/NavTeaser.tsx
+++ b/src/stories/Library/nav-teaser/NavTeaser.tsx
@@ -10,7 +10,7 @@ const NavTeaser: FC<NavTeaserProps> = ({ title, subtitle }) => {
   return (
     <article className="nav-teaser">
       <a href="#">
-        <h1 className="nav-teaser__title">{title}</h1>
+        <h3 className="nav-teaser__title">{title}</h3>
 
         {subtitle ? <p className="nav-teaser__subtitle">{subtitle}</p> : ""}
 

From b477604092058611fd960116a641094a1e6bdb75 Mon Sep 17 00:00:00 2001
From: Kasper Birch <kasperbirch1@gmail.com>
Date: Wed, 22 May 2024 11:35:18 +0200
Subject: [PATCH 2/2] Trigger chromatic