diff --git a/packages/orbit-components/src/primitives/MobileDialogPrimitive/MobileDialogPrimitive.stories.tsx b/packages/orbit-components/src/primitives/MobileDialogPrimitive/MobileDialogPrimitive.stories.tsx index 51779a3f5d..9bfd150904 100644 --- a/packages/orbit-components/src/primitives/MobileDialogPrimitive/MobileDialogPrimitive.stories.tsx +++ b/packages/orbit-components/src/primitives/MobileDialogPrimitive/MobileDialogPrimitive.stories.tsx @@ -30,6 +30,7 @@ const meta: Meta = { removeUnderlinedText: false, block: false, lockScrolling: false, + "aria-label": "Mobile Dialog Primitive label", }, }; diff --git a/packages/orbit-components/src/primitives/MobileDialogPrimitive/index.tsx b/packages/orbit-components/src/primitives/MobileDialogPrimitive/index.tsx index ca4a3531c6..4d6fa178b6 100644 --- a/packages/orbit-components/src/primitives/MobileDialogPrimitive/index.tsx +++ b/packages/orbit-components/src/primitives/MobileDialogPrimitive/index.tsx @@ -20,6 +20,8 @@ const MobileDialog = ({ removeUnderlinedText, block = false, lockScrolling, + "aria-label": ariaLabel, + "aria-labelledby": ariaLabelledby, }: Props) => { const [render, setRender, setRenderWithTimeout, clearRenderTimeout] = useStateWithTimeout(false, 200); @@ -76,6 +78,8 @@ const MobileDialog = ({ enabled={enabled} removeUnderlinedText={removeUnderlinedText} block={block} + aria-label={ariaLabel} + aria-labelledby={ariaLabelledby} > {children} diff --git a/packages/orbit-components/src/primitives/MobileDialogPrimitive/types.d.ts b/packages/orbit-components/src/primitives/MobileDialogPrimitive/types.d.ts index c2ff5bc84e..c2dcb49b4b 100644 --- a/packages/orbit-components/src/primitives/MobileDialogPrimitive/types.d.ts +++ b/packages/orbit-components/src/primitives/MobileDialogPrimitive/types.d.ts @@ -17,4 +17,6 @@ export interface Props extends Common.Globals { readonly stopPropagation?: boolean; readonly removeUnderlinedText?: boolean; readonly block?: boolean; + readonly "aria-label"?: string; + readonly "aria-labelledby"?: string; }