From dfba4e038887da129d4ac17b0b902149dbb50da2 Mon Sep 17 00:00:00 2001
From: "joao.congio" <joao.congio@corebiz.ag>
Date: Mon, 9 Oct 2023 11:10:13 -0300
Subject: [PATCH] feat(acessibility): added aria properties to resolve
 accessibility issues pointed out by lighthouse

---
 react/Drawer.tsx            | 2 +-
 react/DrawerCloseButton.tsx | 2 ++
 react/Swipable.tsx          | 1 -
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/react/Drawer.tsx b/react/Drawer.tsx
index fc3423b..2d0bc28 100644
--- a/react/Drawer.tsx
+++ b/react/Drawer.tsx
@@ -184,7 +184,7 @@ function Drawer(props: Props) {
       <div
         onClick={openMenu}
         role="presentation"
-        aria-hidden={isMenuOpen ? 'false' : 'true'}
+        aria-hidden={!isMenuOpen ? 'false' : 'true'}
         className={`pa4 pointer ${handles.openIconContainer}`}
       >
         {hasTriggerBlock ? (
diff --git a/react/DrawerCloseButton.tsx b/react/DrawerCloseButton.tsx
index 07c3442..bbd1add 100644
--- a/react/DrawerCloseButton.tsx
+++ b/react/DrawerCloseButton.tsx
@@ -24,6 +24,8 @@ const DrawerCloseButton: React.FC<Props> = ({
   return (
     <button
       className={`${handles.closeIconButton} pa4 pointer bg-transparent transparent bn pointer`}
+      id="closeIcon"
+      aria-label="Close Icon Button"
       onClick={close}
     >
       {text ?? <IconClose size={size} type={type} />}
diff --git a/react/Swipable.tsx b/react/Swipable.tsx
index 3c35ccf..9b8226d 100644
--- a/react/Swipable.tsx
+++ b/react/Swipable.tsx
@@ -457,7 +457,6 @@ export default class Swipable extends React.Component<Props> {
   public render() {
     return (
       <div
-        aria-hidden={this.props.enabled ? 'false' : 'true'}
         ref={this.dragContainer}
         style={{
           ...this.props.style,