chore: add-aria-label-to-modal-dialog

Author: tractorss

src/lib/container/modal.tsx

@@ -14,13 +14,15 @@ interface ModalProps
   /** classname that applies to the modal overlay. */
   modalOverlayClassname?: ModalOverlayProps["className"];
   children?: DialogProps["children"];
+  ariaLabel?: string;
 }
 
 /** A modal is an overlay element which blocks interaction with elements outside it. */
 function Modal({
   className,
   modalOverlayClassname,
   children,
+  ariaLabel,
   ...props
 }: Readonly<ModalProps>) {
   return (
@@ -36,6 +38,7 @@ function Modal({
     >
       <AriaModal {...props}>
         <Dialog
+          aria-label={ariaLabel ?? "Modal"}
           className={cn(
             "bg-klerosUIComponentsWhiteBackground h-[200px] w-[328px] outline-none",
             "rounded-base box-border",