From 3bd4c8aac9f4a5020a8e600d4c65b890a9509391 Mon Sep 17 00:00:00 2001
From: Katie McFaul <kmcfaul@redhat.com>
Date: Mon, 7 Aug 2023 10:51:48 -0400
Subject: [PATCH] feat(Modal): add close button arialabel prop

---
 .../react-core/src/components/Modal/ModalBoxCloseButton.tsx  | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/react-core/src/components/Modal/ModalBoxCloseButton.tsx b/packages/react-core/src/components/Modal/ModalBoxCloseButton.tsx
index 62a760445a6..bf0310fd3fa 100644
--- a/packages/react-core/src/components/Modal/ModalBoxCloseButton.tsx
+++ b/packages/react-core/src/components/Modal/ModalBoxCloseButton.tsx
@@ -10,6 +10,8 @@ export interface ModalBoxCloseButtonProps extends OUIAProps {
   className?: string;
   /** A callback for when the close button is clicked. */
   onClose?: (event: KeyboardEvent | React.MouseEvent) => void;
+  /** Accessible descriptor of the close button. */
+  'aria-label'?: string;
   /** Value to set the data-ouia-component-id.*/
   ouiaId?: number | string;
 }
@@ -17,6 +19,7 @@ export interface ModalBoxCloseButtonProps extends OUIAProps {
 export const ModalBoxCloseButton: React.FunctionComponent<ModalBoxCloseButtonProps> = ({
   className,
   onClose = () => undefined as any,
+  'aria-label': ariaLabel = 'Close',
   ouiaId,
   ...props
 }: ModalBoxCloseButtonProps) => (
@@ -24,7 +27,7 @@ export const ModalBoxCloseButton: React.FunctionComponent<ModalBoxCloseButtonPro
     <Button
       variant="plain"
       onClick={(event) => onClose(event)}
-      aria-label="Close"
+      aria-label={ariaLabel}
       {...(ouiaId && { ouiaId: `${ouiaId}-${ModalBoxCloseButton.displayName}` })}
       {...props}
     >