feat(Popup): add aria-label & aria-labelledby attributes

Fixes #1201
gravity-ui · Dec 14, 2023 · d924119 · d924119
1 parent 67ba981
commit d924119
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/components/Popup/Popup.tsx b/src/components/Popup/Popup.tsx
@@ -37,6 +37,8 @@ export interface PopupProps extends DOMProps, LayerExtendableProps, PopperProps,
     contentClassName?: string;
     restoreFocus?: boolean;
     restoreFocusRef?: React.RefObject<HTMLElement>;
+    'aria-label'?: React.AriaAttributes['aria-label'];
+    'aria-labelledby'?: React.AriaAttributes['aria-labelledby'];
     role?: React.AriaRole;
     id?: string;
     focusTrap?: boolean;
@@ -75,6 +77,8 @@ export function Popup({
     qa,
     restoreFocus,
     restoreFocusRef,
+    'aria-label': ariaLabel,
+    'aria-labelledby': ariaLabelledBy,
     role,
     id,
     focusTrap = false,
@@ -138,6 +142,8 @@ export function Popup({
                     data-qa={qa}
                     id={id}
                     role={role}
+                    aria-label={ariaLabel}
+                    aria-labelledby={ariaLabelledBy}
                 >
                     <FocusTrap enabled={focusTrap && open} disableAutoFocus={!autoFocus}>
                         {/* FIXME The onClick event handler is deprecated and should be removed */}