(null);
const { isInsideModal } = React.useContext(ModalContext);
@@ -198,6 +200,7 @@ const PopoverContentWrapper = ({
shown ? "lm:opacity-100" : "lm:opacity-0",
)}
style={cssVars}
+ aria-label={ariaLabel}
>
{
const ref = React.useRef(null);
const popoverId = useRandomId();
@@ -142,6 +143,7 @@ const Popover = ({
referenceElement={ref.current}
onClose={handleOut}
placement={placement}
+ ariaLabel={ariaLabel}
>
{content}
diff --git a/packages/orbit-components/src/Popover/types.d.ts b/packages/orbit-components/src/Popover/types.d.ts
index 1b5a375850..e0b0f75458 100644
--- a/packages/orbit-components/src/Popover/types.d.ts
+++ b/packages/orbit-components/src/Popover/types.d.ts
@@ -32,4 +32,5 @@ export interface Props extends Common.Globals {
readonly renderInPortal?: boolean;
readonly onClose?: Common.Callback;
readonly zIndex?: number;
+ readonly ariaLabel?: string;
}