From 17366d1fbc51fb1f23e2e6824c217908d760451b Mon Sep 17 00:00:00 2001
From: Rickard Falk <ricf@kth.se>
Date: Tue, 9 Jan 2024 13:49:37 +0100
Subject: [PATCH 1/2] fix: aria-label when title is hidden

---
 src/components/consent-notice.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/consent-notice.jsx b/src/components/consent-notice.jsx
index c783e4f1..6914127c 100644
--- a/src/components/consent-notice.jsx
+++ b/src/components/consent-notice.jsx
@@ -217,12 +217,12 @@ export default class ConsentNotice extends React.Component {
                     manager={manager}
                 />
             );
-
+        const visibleHeader = t(['!', 'consentNotice', 'title']);
         const notice = (
             <div
                 role="dialog"
                 aria-describedby="id-cookie-notice"
-                aria-labelledby="id-cookie-title"
+                aria-label={visibleHeader}
                 id="klaro-cookie-notice"
                 tabIndex="0"
                 autoFocus
@@ -236,7 +236,7 @@ export default class ConsentNotice extends React.Component {
                 }`}
             >
                 <div className="cn-body">
-                    {t(['!', 'consentNotice', 'title']) && (
+                    {visibleHeader && (
                         <h2 id="id-cookie-title">
                             {t(['consentNotice', 'title'])}
                         </h2>

From 927b23364c315d86644c5ca17d2cb2616971cac2 Mon Sep 17 00:00:00 2001
From: Rickard Falk <ricf@kth.se>
Date: Wed, 31 Jan 2024 07:40:39 +0100
Subject: [PATCH 2/2] fix: fallback aria-labelledby when title is hidden

---
 src/components/consent-notice.jsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/consent-notice.jsx b/src/components/consent-notice.jsx
index 6914127c..5f4d572f 100644
--- a/src/components/consent-notice.jsx
+++ b/src/components/consent-notice.jsx
@@ -222,7 +222,9 @@ export default class ConsentNotice extends React.Component {
             <div
                 role="dialog"
                 aria-describedby="id-cookie-notice"
-                aria-label={visibleHeader}
+                aria-labelledby={
+                    visibleHeader ? 'id-cookie-title' : 'id-cookie-notice'
+                }
                 id="klaro-cookie-notice"
                 tabIndex="0"
                 autoFocus