From f1242e589dc7f659aecc1e46cdd44b6e07539471 Mon Sep 17 00:00:00 2001
From: FlorianEisenmenger <f.eisenmenger@spawntree.de>
Date: Mon, 10 Feb 2025 17:08:19 +0100
Subject: [PATCH] eyeable: changes to arias

---
 .../stories/components/accordion/AccordionComponent.js    | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/gfi-ihk-2024/stories/components/accordion/AccordionComponent.js b/gfi-ihk-2024/stories/components/accordion/AccordionComponent.js
index 18e06c2..d58ff8a 100644
--- a/gfi-ihk-2024/stories/components/accordion/AccordionComponent.js
+++ b/gfi-ihk-2024/stories/components/accordion/AccordionComponent.js
@@ -18,6 +18,7 @@ export const createAccordion =
     }
 
     const ul = createElement('ul', type === 'regular' ? ['linklist'] : [], null, accordion);
+    ul.role = "tablist";
 
     if (type === 'regular') {
       items.map((item) => {
@@ -25,13 +26,16 @@ export const createAccordion =
         const a = createElement('a', ['accordion-toggler'], item.title, li);
         const content = createElement('div', ['accordion-content'], item.content, li);
 
+        // a.href = '#' + item.id;
         a.href = '#' + item.id;
-        a.role = 'tab';
+        a.role = 'button';
+        a.setAttribute('aria-controls', item.id);
+        a.ariaExpanded = false;
 
         content.id = item.id;
         content.role = 'tabpanel';
         content.ariaHidden = true;
-        content.ariaExpanded = false;
+        content.setAttribute('aria-labelledby', item.id);
       })
     }