From 4fbf651e525d29bea6ef74703578244dd9cce1ca Mon Sep 17 00:00:00 2001
From: juyeong-chungbuk <happyu9986@gmail.com>
Date: Wed, 5 Apr 2023 15:49:26 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EB=AA=A8=EB=8B=AC=20=EC=A0=91=EA=B7=BC?=
 =?UTF-8?q?=EC=84=B1=20=EC=86=8D=EC=84=B1=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/components/WorkspaceList/AddButton.tsx | 7 ++++++-
 client/src/components/common/Modal/index.tsx      | 7 ++++---
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/client/src/components/WorkspaceList/AddButton.tsx b/client/src/components/WorkspaceList/AddButton.tsx
index 9d9606de..e5b6f8e1 100644
--- a/client/src/components/WorkspaceList/AddButton.tsx
+++ b/client/src/components/WorkspaceList/AddButton.tsx
@@ -7,7 +7,12 @@ interface AddButtonProps {
 }
 function AddButton({ onClick }: AddButtonProps) {
   return (
-    <button className={style.button} onClick={onClick} aria-label="추가">
+    <button
+      className={style.button}
+      onClick={onClick}
+      aria-label="추가"
+      aria-haspopup="true"
+    >
       <MdAdd size={20} color="white" />
     </button>
   );
diff --git a/client/src/components/common/Modal/index.tsx b/client/src/components/common/Modal/index.tsx
index 1e976fe8..ef016e14 100644
--- a/client/src/components/common/Modal/index.tsx
+++ b/client/src/components/common/Modal/index.tsx
@@ -18,14 +18,15 @@ function Modal({ title, isDark = false, children, onClose }: ModalProps) {
     <Portal>
       <div
         className={cx(style.modal, { 'dark-modal': isDark })}
-        role="alertdialog"
+        role="dialog"
         aria-modal
         aria-labelledby="modal"
+        tabIndex={0}
       >
-        <div className={style.dimmer} onClick={onClose} tabIndex={0} />
+        <div className={style.dimmer} onClick={onClose} />
 
         <div className={style['out-container']}>
-          <div className={style.header} id="modal-heading">
+          <div className={style.header} id="modal">
             <h2 className={style.title}>{title}</h2>
             <button
               className={style['close-modal']}