From 4255a25a273a9f58053cc4dcd58fbd06ca1f3759 Mon Sep 17 00:00:00 2001
From: Henri Remonen <henri@remonen.fi>
Date: Sat, 30 Mar 2024 12:10:51 +0200
Subject: [PATCH] feat: correctly use section element instead of a div with a
 role='region'

---
 src/components/common/Accordion.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/common/Accordion.tsx b/src/components/common/Accordion.tsx
index 0ea0f9a..396116f 100644
--- a/src/components/common/Accordion.tsx
+++ b/src/components/common/Accordion.tsx
@@ -57,9 +57,8 @@ const Accordion = ({
           )}
         </button>
       </h2>
-      <div
+      <section
         id={`${id}-body`}
-        role='region'
         aria-hidden={!expandedBody}
         aria-labelledby={`${id}-heading`}
         className={`${expandedBody ? 'block' : 'hidden'}`}
@@ -67,7 +66,7 @@ const Accordion = ({
         <div className='border border-gray-200 p-5 dark:border-gray-700 dark:bg-gray-900'>
           {children}
         </div>
-      </div>
+      </section>
     </div>
   )
 }