fix: add aria-modal (#143)

* fix: add aria-modal * fix: add ariaModal prop
bloom-housing · Jan 4, 2024 · 1b3e546 · 1b3e546
1 parent 1a1f504
commit 1b3e546
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/src/overlays/Modal.tsx b/src/overlays/Modal.tsx
@@ -67,6 +67,7 @@ export const Modal = (props: ModalProps) => {
     <Overlay
       ariaLabelledBy={uniqueIdRef.current}
       ariaDescription={props.ariaDescription}
+      ariaModal={true}
       open={props.open}
       onClose={props.onClose}
       className={props.className}

diff --git a/src/overlays/Overlay.tsx b/src/overlays/Overlay.tsx
@@ -10,6 +10,7 @@ export type OverlayProps = {
   open?: boolean
   ariaLabelledBy?: string
   ariaDescription?: string
+  ariaModal?: boolean
   className?: string
   backdrop?: boolean
   onClose?: () => void
@@ -36,6 +37,7 @@ const OverlayInner = (props: OverlayProps) => {
       role={props.role}
       aria-labelledby={props.ariaLabelledBy}
       aria-describedby={props.ariaDescription}
+      aria-modal={props.ariaModal}
       onClick={(e) => {
         if (e.target === e.currentTarget) closeHandler()
       }}