Updates

components/lib/(partials)/ModalComponent.tsx

@@ -1,4 +1,4 @@
-import React, { DetailedHTMLProps, HTMLAttributes } from "react";
+import React from "react";
 import { twMerge } from "tailwind-merge";
 import ReactDOM from "react-dom";
 import Button from "../layout/Button";
@@ -25,6 +25,8 @@ export default function ModalComponent({ open, setOpen, ...props }: Props) {
                 "flex flex-col items-center justify-center p-4",
                 "twui-modal-root"
             )}
+            role="dialog"
+            aria-modal="true"
         >
             <div
                 className={twMerge(

components/lib/(partials)/PopoverComponent.tsx

@@ -80,6 +80,8 @@ export default function PopoverComponent({
             onMouseLeave={
                 trigger === "hover" ? popoverLeaveFn : props.onMouseLeave
             }
+            role="dialog"
+            aria-modal="true"
         >
             {/* <div
                 className="absolute w-0 h-0 border-8 border-transparent bg-white"