diff --git a/src/components/ActionTooltip/ActionTooltip.tsx b/src/components/ActionTooltip/ActionTooltip.tsx
index ad2b5e38b9..63c573f72c 100644
--- a/src/components/ActionTooltip/ActionTooltip.tsx
+++ b/src/components/ActionTooltip/ActionTooltip.tsx
@@ -9,13 +9,18 @@ import {Hotkey} from '../Hotkey';
 import type {HotkeyProps} from '../Hotkey';
 import {Popup} from '../Popup';
 import type {PopupPlacement} from '../Popup';
-import type {DOMProps, QAProps} from '../types';
+import type {AriaLabelingProps, DOMProps, QAProps} from '../types';
 import {block} from '../utils/cn';
+import {filterDOMProps} from '../utils/filterDOMProps';
 import {getElementRef} from '../utils/getElementRef';
 
 import './ActionTooltip.scss';
 
-export interface ActionTooltipProps extends QAProps, DOMProps, TooltipDelayProps {
+export interface ActionTooltipProps
+    extends AriaLabelingProps,
+        QAProps,
+        DOMProps,
+        TooltipDelayProps {
     id?: string;
     disablePortal?: boolean;
     contentClassName?: string;
@@ -44,15 +49,18 @@ export function ActionTooltip(props: ActionTooltipProps) {
         qa,
         id,
         disablePortal,
-        ...delayProps
+        openDelay,
+        closeDelay,
+        ...otherProps
     } = props;
 
     const [anchorElement, setAnchorElement] = React.useState<HTMLElement | null>(null);
-    const tooltipVisible = useTooltipVisible(anchorElement, delayProps);
+    const tooltipVisible = useTooltipVisible(anchorElement, {openDelay, closeDelay});
 
     const renderPopup = () => {
         return (
             <Popup
+                {...filterDOMProps(otherProps, {labelable: true})}
                 id={id}
                 disablePortal={disablePortal}
                 role="tooltip"
diff --git a/src/components/Alert/Alert.tsx b/src/components/Alert/Alert.tsx
index 97e75f23ae..c59d4241eb 100644
--- a/src/components/Alert/Alert.tsx
+++ b/src/components/Alert/Alert.tsx
@@ -7,6 +7,7 @@ import {Card} from '../Card';
 import {Icon} from '../Icon';
 import {colorText} from '../Text';
 import {Flex, spacing} from '../layout';
+import {filterDOMProps} from '../utils/filterDOMProps';
 
 import {AlertAction} from './AlertAction';
 import {AlertActions} from './AlertActions';
@@ -29,16 +30,19 @@ export const Alert = (props: AlertProps) => {
         onClose,
         align,
         qa,
+        ...otherProps
     } = props;
 
     return (
         <AlertContextProvider layout={layout} view={view}>
             <Card
+                {...filterDOMProps(otherProps, {labelable: true})}
                 style={style}
                 className={bAlert({corners}, spacing({py: 4, px: 5}, className))}
                 theme={theme}
                 view={view}
                 qa={qa}
+                role="alert"
             >
                 <Flex gap="3" alignItems={align}>
                     {typeof props.icon === 'undefined' ? (
diff --git a/src/components/Alert/__snapshots__/Alert.test.tsx.snap b/src/components/Alert/__snapshots__/Alert.test.tsx.snap
index d17001bf97..82db0a7c30 100644
--- a/src/components/Alert/__snapshots__/Alert.test.tsx.snap
+++ b/src/components/Alert/__snapshots__/Alert.test.tsx.snap
@@ -4,6 +4,7 @@ exports[`Alert has predicted styles if inline layout rendered 1`] = `
 <div>
   <div
     class="g-box g-card g-card_theme_danger g-card_view_filled g-card_type_container g-card_size_m g-alert g-s__py_4 g-s__px_5"
+    role="alert"
   >
     <div
       class="g-box g-flex"
diff --git a/src/components/Alert/types.ts b/src/components/Alert/types.ts
index 82cc399f81..0e5cdd0eb1 100644
--- a/src/components/Alert/types.ts
+++ b/src/components/Alert/types.ts
@@ -1,7 +1,7 @@
 import type React from 'react';
 
 import type {ButtonProps} from '../Button';
-import type {QAProps} from '../types';
+import type {AriaLabelingProps, QAProps} from '../types';
 
 export type AlertTheme = 'normal' | 'info' | 'success' | 'warning' | 'danger' | 'utility';
 export type AlertView = 'filled' | 'outlined';
@@ -22,7 +22,7 @@ export type AlertContextType = {
 
 export type AlertContextProviderProps = React.PropsWithChildren<AlertContextType>;
 
-export interface AlertProps extends QAProps, Partial<AlertContextType> {
+export interface AlertProps extends AriaLabelingProps, QAProps, Partial<AlertContextType> {
     title?: React.ReactNode;
     message?: React.ReactNode;
     theme?: AlertTheme;
diff --git a/src/components/Avatar/Avatar.tsx b/src/components/Avatar/Avatar.tsx
index 61b5cef88c..d5f9ccdaa8 100644
--- a/src/components/Avatar/Avatar.tsx
+++ b/src/components/Avatar/Avatar.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 
 import {block} from '../utils/cn';
+import {filterDOMProps} from '../utils/filterDOMProps';
 
 import {AvatarIcon} from './AvatarIcon';
 import {AvatarImage} from './AvatarImage';
@@ -20,11 +21,10 @@ export const Avatar = React.forwardRef<HTMLDivElement, AvatarProps>((props, ref)
         backgroundColor,
         borderColor,
         title,
-        'aria-label': ariaLabel,
-        'aria-labelledby': ariaLabelledby,
         className,
         style: styleProp,
         qa,
+        ...otherProps
     } = props;
 
     const style = {backgroundColor, color: borderColor, ...styleProp};
@@ -72,11 +72,10 @@ export const Avatar = React.forwardRef<HTMLDivElement, AvatarProps>((props, ref)
 
     return (
         <div
+            {...filterDOMProps(otherProps, {labelable: true})}
             className={b({size, theme, view, 'with-border': Boolean(borderColor)}, className)}
             title={title}
             role="img"
-            aria-label={ariaLabel}
-            aria-labelledby={ariaLabelledby}
             style={style}
             data-qa={qa}
             ref={ref}
diff --git a/src/components/Avatar/types/main.ts b/src/components/Avatar/types/main.ts
index 17037a6e47..c0fdc6d974 100644
--- a/src/components/Avatar/types/main.ts
+++ b/src/components/Avatar/types/main.ts
@@ -1,5 +1,5 @@
 import type {DistributiveOmit} from '../../../types/utils';
-import type {DOMProps, QAProps} from '../../types';
+import type {AriaLabelingProps, DOMProps, QAProps} from '../../types';
 import type {AvatarIconProps} from '../AvatarIcon';
 import type {AvatarImageProps} from '../AvatarImage';
 import type {AvatarTextProps} from '../AvatarText';
@@ -9,12 +9,7 @@ import type {AvatarCommonProps, AvatarSize} from './common';
 export type AvatarTheme = 'normal' | 'brand';
 export type AvatarView = 'filled' | 'outlined';
 
-interface AvatarAriaProps {
-    'aria-label'?: string;
-    'aria-labelledby'?: string;
-}
-
-interface AvatarBaseProps extends DOMProps, QAProps, AvatarAriaProps {
+interface AvatarBaseProps extends DOMProps, QAProps, AriaLabelingProps {
     size?: AvatarSize;
     theme?: AvatarTheme;
     view?: AvatarView;
@@ -25,6 +20,6 @@ interface AvatarBaseProps extends DOMProps, QAProps, AvatarAriaProps {
 
 export type AvatarProps = AvatarBaseProps &
     DistributiveOmit<
-        AvatarImageProps | AvatarIconProps | AvatarTextProps | AvatarAriaProps,
+        AvatarImageProps | AvatarIconProps | AvatarTextProps | AriaLabelingProps,
         keyof AvatarCommonProps
     >;
diff --git a/src/components/DefinitionList/DefinitionList.tsx b/src/components/DefinitionList/DefinitionList.tsx
index 7eeaecce78..0bed064965 100644
--- a/src/components/DefinitionList/DefinitionList.tsx
+++ b/src/components/DefinitionList/DefinitionList.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 
+import {filterDOMProps} from '../utils/filterDOMProps';
 import {isOfType} from '../utils/isOfType';
 import {warnOnce} from '../utils/warn';
 
@@ -18,6 +19,7 @@ export function DefinitionList({
     className,
     children,
     qa,
+    ...otherProps
 }: DefinitionListProps) {
     const normalizedChildren = prepareChildren(children);
     return (
@@ -27,6 +29,7 @@ export function DefinitionList({
             contentMaxWidth={contentMaxWidth}
         >
             <dl
+                {...filterDOMProps(otherProps, {labelable: true})}
                 className={b({responsive, vertical: direction === 'vertical'}, className)}
                 data-qa={qa}
             >
diff --git a/src/components/DefinitionList/types.ts b/src/components/DefinitionList/types.ts
index 4cda2b3267..dc21662ee2 100644
--- a/src/components/DefinitionList/types.ts
+++ b/src/components/DefinitionList/types.ts
@@ -1,7 +1,7 @@
 import type React from 'react';
 
 import type {HelpMarkProps} from '../HelpMark';
-import type {QAProps} from '../types';
+import type {AriaLabelingProps, QAProps} from '../types';
 export type DefinitionListItemNote = string | HelpMarkProps;
 
 export interface DefinitionListItemProps {
@@ -13,7 +13,7 @@ export interface DefinitionListItemProps {
 
 export type DefinitionListDirection = 'vertical' | 'horizontal';
 
-export interface DefinitionListProps extends QAProps {
+export interface DefinitionListProps extends AriaLabelingProps, QAProps {
     responsive?: boolean;
     direction?: DefinitionListDirection;
     nameMaxWidth?: number;
diff --git a/src/components/Dialog/Dialog.tsx b/src/components/Dialog/Dialog.tsx
index 1acdc56547..a7ee1c7025 100644
--- a/src/components/Dialog/Dialog.tsx
+++ b/src/components/Dialog/Dialog.tsx
@@ -4,8 +4,9 @@ import React from 'react';
 
 import {Modal} from '../Modal';
 import type {ModalCloseReason, ModalProps} from '../Modal';
-import type {QAProps} from '../types';
+import type {AriaLabelingProps, QAProps} from '../types';
 import {block} from '../utils/cn';
+import {filterDOMProps} from '../utils/filterDOMProps';
 
 import {ButtonClose} from './ButtonClose/ButtonClose';
 import {DialogBody} from './DialogBody/DialogBody';
@@ -17,7 +18,7 @@ import './Dialog.scss';
 
 const b = block('dialog');
 
-interface DialogOwnProps extends QAProps {
+interface DialogOwnProps extends AriaLabelingProps, QAProps {
     open: boolean;
     children: React.ReactNode;
     onEscapeKeyDown?: ModalProps['onEscapeKeyDown'];
@@ -34,8 +35,6 @@ interface DialogOwnProps extends QAProps {
     className?: string;
     modalClassName?: string;
     size?: 's' | 'm' | 'l';
-    'aria-label'?: string;
-    'aria-labelledby'?: string;
     container?: HTMLElement;
     disableFocusTrap?: boolean;
     disableAutoFocus?: boolean;
@@ -93,13 +92,13 @@ export class Dialog extends React.Component<DialogInnerProps> {
             onTransitionEntered,
             onTransitionExit,
             onTransitionExited,
-            'aria-label': ariaLabel,
-            'aria-labelledby': ariaLabelledBy,
             qa,
+            ...otherProps
         } = this.props;
 
         return (
             <Modal
+                {...filterDOMProps(otherProps, {labelable: true})}
                 open={open}
                 contentOverflow={contentOverflow}
                 disableBodyScrollLock={disableBodyScrollLock}
@@ -118,8 +117,6 @@ export class Dialog extends React.Component<DialogInnerProps> {
                 onTransitionExit={onTransitionExit}
                 onTransitionExited={onTransitionExited}
                 className={b('modal', modalClassName)}
-                aria-label={ariaLabel}
-                aria-labelledby={ariaLabelledBy}
                 container={container}
                 qa={qa}
             >
diff --git a/src/components/Divider/Divider.tsx b/src/components/Divider/Divider.tsx
index bfade0711f..6031120f9e 100644
--- a/src/components/Divider/Divider.tsx
+++ b/src/components/Divider/Divider.tsx
@@ -1,14 +1,15 @@
 import React from 'react';
 
-import type {DOMProps, QAProps} from '../types';
+import type {AriaLabelingProps, DOMProps, QAProps} from '../types';
 import {block} from '../utils/cn';
+import {filterDOMProps} from '../utils/filterDOMProps';
 
 import './Divider.scss';
 
 export type DividerOrientation = 'vertical' | 'horizontal';
 export type DividerAlign = 'start' | 'center' | 'end';
 
-export interface DividerProps extends DOMProps, QAProps {
+export interface DividerProps extends AriaLabelingProps, DOMProps, QAProps {
     orientation?: DividerOrientation;
     align?: DividerAlign;
     children?: React.ReactNode;
@@ -17,10 +18,19 @@ export interface DividerProps extends DOMProps, QAProps {
 const b = block('divider');
 
 export const Divider = React.forwardRef<HTMLDivElement, DividerProps>(function Divider(props, ref) {
-    const {orientation = 'horizontal', className, style, qa, children, align = 'start'} = props;
+    const {
+        orientation = 'horizontal',
+        className,
+        style,
+        qa,
+        children,
+        align = 'start',
+        ...otherProps
+    } = props;
 
     return (
         <div
+            {...filterDOMProps(otherProps, {labelable: true})}
             className={b({orientation, align}, className)}
             ref={ref}
             style={style}
diff --git a/src/components/Hotkey/Hotkey.tsx b/src/components/Hotkey/Hotkey.tsx
index d622b418a9..b15f6a945f 100644
--- a/src/components/Hotkey/Hotkey.tsx
+++ b/src/components/Hotkey/Hotkey.tsx
@@ -2,8 +2,9 @@
 
 import React from 'react';
 
-import type {DOMProps, QAProps} from '../types';
+import type {AriaLabelingProps, DOMProps, QAProps} from '../types';
 import {block} from '../utils/cn';
+import {filterDOMProps} from '../utils/filterDOMProps';
 
 import {defsByPlatform} from './definitions';
 import {parseKeyGroups} from './parse';
@@ -19,7 +20,7 @@ const Spaces = {
     BetweenKeys: String.fromCharCode(8239), // Narrow No-Break Space
 };
 
-export interface HotkeyProps extends DOMProps, QAProps {
+export interface HotkeyProps extends AriaLabelingProps, DOMProps, QAProps {
     /**
      * @example
      * 'mod+a mod+c mod+v'
@@ -33,7 +34,7 @@ export interface HotkeyProps extends DOMProps, QAProps {
 }
 
 export const Hotkey = React.forwardRef<HTMLElement, HotkeyProps>(function Hotkey(props, ref) {
-    const {value, platform, view = 'light', qa, style, className} = props;
+    const {value, platform, view = 'light', qa, style, className, ...otherProps} = props;
 
     const groups = parseHotkeys(value, {platform});
     const content: React.ReactNode[] = [];
@@ -64,7 +65,13 @@ export const Hotkey = React.forwardRef<HTMLElement, HotkeyProps>(function Hotkey
     if (content.length === 0) return null;
 
     return (
-        <kbd ref={ref} style={style} data-qa={qa} className={b({view}, className)}>
+        <kbd
+            {...filterDOMProps(otherProps, {labelable: true})}
+            ref={ref}
+            style={style}
+            data-qa={qa}
+            className={b({view}, className)}
+        >
             {content}
         </kbd>
     );
diff --git a/src/components/Menu/Menu.tsx b/src/components/Menu/Menu.tsx
index c5d856af7c..0e3a494293 100644
--- a/src/components/Menu/Menu.tsx
+++ b/src/components/Menu/Menu.tsx
@@ -2,8 +2,9 @@
 
 import React from 'react';
 
-import type {DOMProps, QAProps} from '../types';
+import type {AriaLabelingProps, DOMProps, QAProps} from '../types';
 import {block} from '../utils/cn';
+import {filterDOMProps} from '../utils/filterDOMProps';
 
 import {MenuGroup} from './MenuGroup';
 import type {MenuGroupProps} from './MenuGroup';
@@ -16,7 +17,7 @@ const b = block('menu');
 
 export type MenuSize = 's' | 'm' | 'l' | 'xl';
 
-export interface MenuProps extends DOMProps, QAProps {
+export interface MenuProps extends AriaLabelingProps, DOMProps, QAProps {
     size?: MenuSize;
     children?: React.ReactNode;
 }
@@ -31,11 +32,12 @@ interface MenuComponent
 
 // TODO: keyboard navigation, Up/Down arrows and Enter
 export const Menu = React.forwardRef<HTMLUListElement, MenuProps>(function Menu(
-    {size = 'm', children, style, className, qa},
+    {size = 'm', children, style, className, qa, ...otherProps},
     ref,
 ) {
     return (
         <ul
+            {...filterDOMProps(otherProps, {labelable: true})}
             ref={ref}
             role="menu"
             // tabIndex={0}
diff --git a/src/components/Modal/Modal.tsx b/src/components/Modal/Modal.tsx
index bd98cb7bcb..97c27debce 100644
--- a/src/components/Modal/Modal.tsx
+++ b/src/components/Modal/Modal.tsx
@@ -7,9 +7,10 @@ import {CSSTransition} from 'react-transition-group';
 import {useBodyScrollLock} from '../../hooks';
 import {useRestoreFocus} from '../../hooks/private';
 import {Portal} from '../Portal';
-import type {DOMProps, QAProps} from '../types';
+import type {AriaLabelingProps, DOMProps, QAProps} from '../types';
 import {FocusTrap} from '../utils/FocusTrap';
 import {block} from '../utils/cn';
+import {filterDOMProps} from '../utils/filterDOMProps';
 import type {LayerCloseReason} from '../utils/layer-manager';
 import {useLayer} from '../utils/layer-manager';
 import type {LayerExtendableProps} from '../utils/layer-manager/LayerManager';
@@ -17,7 +18,7 @@ import {getCSSTransitionClassNames} from '../utils/transition';
 
 import './Modal.scss';
 
-export interface ModalProps extends DOMProps, LayerExtendableProps, QAProps {
+export interface ModalProps extends DOMProps, AriaLabelingProps, LayerExtendableProps, QAProps {
     open?: boolean;
     keepMounted?: boolean;
     disableBodyScrollLock?: boolean;
@@ -29,15 +30,6 @@ export interface ModalProps extends DOMProps, LayerExtendableProps, QAProps {
     autoFocus?: boolean;
     restoreFocusRef?: React.RefObject<HTMLElement>;
     children?: React.ReactNode;
-    /**
-     * Id of visible `<Modal/>` caption element
-     */
-    'aria-labelledby'?: string;
-    /**
-     * A11y text
-     * Prefer `aria-labelledby` in case caption is visible to user
-     */
-    'aria-label'?: string;
     container?: HTMLElement;
     contentClassName?: string;
     onTransitionEnter?: VoidFunction;
@@ -75,10 +67,9 @@ export function Modal({
     contentOverflow = 'visible',
     className,
     contentClassName,
-    'aria-labelledby': ariaLabelledBy,
-    'aria-label': ariaLabel,
     container,
     qa,
+    ...otherProps
 }: ModalProps) {
     const containerRef = React.useRef<HTMLDivElement>(null);
     const contentRef = React.useRef<HTMLDivElement>(null);
@@ -138,12 +129,11 @@ export function Modal({
                                 autoFocus={!disableAutoFocus && autoFocus}
                             >
                                 <div
+                                    {...filterDOMProps(otherProps, {labelable: true})}
                                     ref={contentRef}
                                     tabIndex={-1}
                                     role="dialog"
                                     aria-modal={open}
-                                    aria-label={ariaLabel}
-                                    aria-labelledby={ariaLabelledBy}
                                     className={b(
                                         'content',
                                         {'has-scroll': contentOverflow === 'auto'},
diff --git a/src/components/Popup/Popup.tsx b/src/components/Popup/Popup.tsx
index 15768bf02b..564fee4e2a 100644
--- a/src/components/Popup/Popup.tsx
+++ b/src/components/Popup/Popup.tsx
@@ -8,9 +8,10 @@ import {useForkRef} from '../../hooks';
 import {usePopper, useRestoreFocus} from '../../hooks/private';
 import type {PopperAnchorRef, PopperPlacement, PopperProps} from '../../hooks/private';
 import {Portal} from '../Portal';
-import type {DOMProps, QAProps} from '../types';
+import type {AriaLabelingProps, DOMProps, QAProps} from '../types';
 import {FocusTrap, useParentFocusTrap} from '../utils/FocusTrap';
 import {block} from '../utils/cn';
+import {filterDOMProps} from '../utils/filterDOMProps';
 import {useLayer} from '../utils/layer-manager';
 import type {LayerExtendableProps} from '../utils/layer-manager/LayerManager';
 import {getCSSTransitionClassNames} from '../utils/transition';
@@ -22,7 +23,12 @@ import './Popup.scss';
 export type PopupPlacement = PopperPlacement;
 export type PopupAnchorRef = PopperAnchorRef;
 
-export interface PopupProps extends DOMProps, LayerExtendableProps, PopperProps, QAProps {
+export interface PopupProps
+    extends DOMProps,
+        AriaLabelingProps,
+        LayerExtendableProps,
+        PopperProps,
+        QAProps {
     children?: React.ReactNode;
     /** Manages `Popup` visibility */
     open?: boolean;
@@ -60,10 +66,6 @@ export interface PopupProps extends DOMProps, LayerExtendableProps, PopperProps,
     restoreFocus?: boolean;
     /** Element the focus will be restored to, depends on `restoreFocus` */
     restoreFocusRef?: React.RefObject<HTMLElement>;
-    /** `aria-label` attribute, use this attribute only if you didn't have visible caption */
-    'aria-label'?: React.AriaAttributes['aria-label'];
-    /** `aria-labelledby` attribute, prefer this attribute if you have visible caption */
-    'aria-labelledby'?: React.AriaAttributes['aria-labelledby'];
     /** `aria-modal` attribute, default value is equal to focusTrap */
     'aria-modal'?: React.AriaAttributes['aria-modal'];
     /** `aria-role` attribute */
@@ -111,13 +113,12 @@ export function Popup({
     qa,
     restoreFocus,
     restoreFocusRef,
-    'aria-label': ariaLabel,
-    'aria-labelledby': ariaLabelledBy,
     role: roleProp,
     id,
     focusTrap = false,
     autoFocus = false,
     'aria-modal': ariaModal = focusTrap,
+    ...otherProps
 }: PopupProps) {
     const containerRef = React.useRef<HTMLDivElement>(null);
 
@@ -184,6 +185,7 @@ export function Popup({
         >
             <Portal container={container} disablePortal={disablePortal}>
                 <div
+                    {...filterDOMProps(otherProps, {labelable: true})}
                     ref={handleRef}
                     style={styles.popper}
                     {...attributes.popper}
@@ -192,8 +194,6 @@ export function Popup({
                     data-qa={qa}
                     id={id}
                     role={role}
-                    aria-label={ariaLabel}
-                    aria-labelledby={ariaLabelledBy}
                     aria-modal={ariaModal && open ? ariaModal : undefined}
                 >
                     <FocusTrap enabled={focusTrap && open} autoFocus={autoFocus}>
diff --git a/src/components/Table/Table.tsx b/src/components/Table/Table.tsx
index 284ff0020d..acfdbe6d72 100644
--- a/src/components/Table/Table.tsx
+++ b/src/components/Table/Table.tsx
@@ -6,8 +6,9 @@ import _get from 'lodash/get';
 import _has from 'lodash/has';
 import _isNumber from 'lodash/isNumber';
 
-import type {QAProps} from '../types';
+import type {AriaLabelingProps, QAProps} from '../types';
 import {block} from '../utils/cn';
+import {filterDOMProps} from '../utils/filterDOMProps';
 import {warnOnce} from '../utils/warn';
 
 import i18n from './i18n';
@@ -95,7 +96,7 @@ export interface DescriptorType {
 export type TableWidth = 'auto' | 'max';
 
 // TODO: Replace @default in props description with defaultProps in order to work with Storybook.
-export interface TableProps<I> extends QAProps {
+export interface TableProps<I> extends AriaLabelingProps, QAProps {
     /** Data */
     data: I[];
     /** Column parameters */
@@ -456,7 +457,11 @@ export class Table<I extends TableDataItem = Record<string, string>> extends Rea
     private renderTable() {
         const {width = 'auto'} = this.props;
         return (
-            <table ref={this.tableRef} className={b('table', {width})}>
+            <table
+                {...filterDOMProps(this.props, {labelable: true})}
+                ref={this.tableRef}
+                className={b('table', {width})}
+            >
                 {this.renderHead()}
                 {this.renderBody()}
             </table>
diff --git a/src/components/Tabs/Tabs.tsx b/src/components/Tabs/Tabs.tsx
index e0f1fd907a..f61e581ca0 100644
--- a/src/components/Tabs/Tabs.tsx
+++ b/src/components/Tabs/Tabs.tsx
@@ -2,8 +2,9 @@
 
 import React from 'react';
 
-import type {QAProps} from '../types';
+import type {AriaLabelingProps, QAProps} from '../types';
 import {block} from '../utils/cn';
+import {filterDOMProps} from '../utils/filterDOMProps';
 
 import {TabsContext} from './TabsContext';
 import {TabsItem} from './TabsItem';
@@ -23,7 +24,7 @@ export type TabsSize = 'm' | 'l' | 'xl';
 export interface TabsItemProps
     extends Omit<TabsItemInternalProps, 'active' | 'direction' | 'onClick'> {}
 
-export interface TabsProps extends QAProps {
+export interface TabsProps extends AriaLabelingProps, QAProps {
     /**
      * Tabs direction
      * @deprecated Vertical tabs are deprecated
@@ -78,6 +79,7 @@ const TabsComponent = React.forwardRef<HTMLDivElement, TabsProps>(
             onSelectTab,
             wrapTo,
             qa,
+            ...otherProps
         },
         ref,
     ) => {
@@ -104,7 +106,13 @@ const TabsComponent = React.forwardRef<HTMLDivElement, TabsProps>(
         }, [items, onSelectTab, wrapTo]);
 
         return (
-            <div role="tablist" className={b({direction, size}, className)} data-qa={qa} ref={ref}>
+            <div
+                {...filterDOMProps(otherProps, {labelable: true})}
+                role="tablist"
+                className={b({direction, size}, className)}
+                data-qa={qa}
+                ref={ref}
+            >
                 <TabsContext.Provider value={tabsContextValue}>
                     {children || tabs}
                 </TabsContext.Provider>
diff --git a/src/components/Toc/Toc.tsx b/src/components/Toc/Toc.tsx
index a29575dbe1..a8759a5ea2 100644
--- a/src/components/Toc/Toc.tsx
+++ b/src/components/Toc/Toc.tsx
@@ -1,7 +1,8 @@
 import React from 'react';
 
-import type {QAProps} from '../types';
+import type {AriaLabelingProps, QAProps} from '../types';
 import {block} from '../utils/cn';
+import {filterDOMProps} from '../utils/filterDOMProps';
 
 import {TocItem} from './TocItem/TocItem';
 import type {TocItem as TocItemType} from './types';
@@ -10,7 +11,7 @@ import './Toc.scss';
 
 const b = block('toc');
 
-export interface TocProps extends QAProps {
+export interface TocProps extends AriaLabelingProps, QAProps {
     className?: string;
     items: TocItemType[];
     value?: string;
@@ -18,10 +19,15 @@ export interface TocProps extends QAProps {
 }
 
 export const Toc = React.forwardRef<HTMLElement, TocProps>(function Toc(props, ref) {
-    const {value: activeValue, items, className, onUpdate, qa} = props;
+    const {value: activeValue, items, className, onUpdate, qa, ...otherProps} = props;
 
     return (
-        <nav className={b(null, className)} ref={ref} data-qa={qa}>
+        <nav
+            {...filterDOMProps(otherProps, {labelable: true})}
+            className={b(null, className)}
+            ref={ref}
+            data-qa={qa}
+        >
             <ul className={b('sections')}>
                 {items.map(({value, content, href, items: childrenItems}) => (
                     <li key={value ?? href} aria-current={activeValue === value}>
diff --git a/src/components/Tooltip/Tooltip.tsx b/src/components/Tooltip/Tooltip.tsx
index d9390f8a88..c8711cbf79 100644
--- a/src/components/Tooltip/Tooltip.tsx
+++ b/src/components/Tooltip/Tooltip.tsx
@@ -8,13 +8,14 @@ import type {TooltipDelayProps} from '../../hooks/private';
 import {Popup} from '../Popup';
 import type {PopupPlacement} from '../Popup';
 import {Text} from '../Text';
-import type {DOMProps, QAProps} from '../types';
+import type {AriaLabelingProps, DOMProps, QAProps} from '../types';
 import {block} from '../utils/cn';
+import {filterDOMProps} from '../utils/filterDOMProps';
 import {getElementRef} from '../utils/getElementRef';
 
 import './Tooltip.scss';
 
-export interface TooltipProps extends QAProps, DOMProps, TooltipDelayProps {
+export interface TooltipProps extends AriaLabelingProps, QAProps, DOMProps, TooltipDelayProps {
     id?: string;
     disabled?: boolean;
     content?: React.ReactNode;
@@ -41,6 +42,7 @@ export const Tooltip = (props: TooltipProps) => {
         contentClassName,
         openDelay = 1000,
         closeDelay,
+        ...otherProps
     } = props;
 
     const [anchorElement, setAnchorElement] = React.useState<HTMLElement | null>(null);
@@ -53,6 +55,7 @@ export const Tooltip = (props: TooltipProps) => {
     const renderPopup = () => {
         return (
             <Popup
+                {...filterDOMProps(otherProps, {labelable: true})}
                 id={id}
                 role="tooltip"
                 className={b(null, className)}
diff --git a/src/components/User/User.tsx b/src/components/User/User.tsx
index 27494bc830..6f57e19dc1 100644
--- a/src/components/User/User.tsx
+++ b/src/components/User/User.tsx
@@ -2,6 +2,7 @@ import React from 'react';
 
 import {Avatar} from '../Avatar';
 import {block} from '../utils/cn';
+import {filterDOMProps} from '../utils/filterDOMProps';
 
 import {COMPACT_SIZES, DEFAULT_SIZE} from './constants';
 import type {UserProps} from './types';
@@ -17,26 +18,15 @@ export const UserQa = {
 
 export const User = React.forwardRef<HTMLDivElement, UserProps>(
     (
-        {
-            avatar,
-            name,
-            description,
-            size = DEFAULT_SIZE,
-            'aria-label': ariaLabel,
-            'aria-labelledby': ariaLabelledby,
-            className,
-            style,
-            qa,
-        },
+        {avatar, name, description, size = DEFAULT_SIZE, className, style, qa, ...otherProps},
         ref,
     ) => {
         const showDescription = Boolean(description && !COMPACT_SIZES.includes(size));
 
         return (
             <div
+                {...filterDOMProps(otherProps, {labelable: true})}
                 className={b({size}, className)}
-                aria-label={ariaLabel}
-                aria-labelledby={ariaLabelledby}
                 style={style}
                 data-qa={qa}
                 ref={ref}
diff --git a/src/components/User/types.ts b/src/components/User/types.ts
index 5d1c0f80c3..c5c5844547 100644
--- a/src/components/User/types.ts
+++ b/src/components/User/types.ts
@@ -2,15 +2,13 @@ import type React from 'react';
 
 import type {DistributiveOmit} from '../../types/utils';
 import type {AvatarProps} from '../Avatar';
-import type {DOMProps, QAProps} from '../types';
+import type {AriaLabelingProps, DOMProps, QAProps} from '../types';
 
 export type UserSize = '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl';
 
-export interface UserProps extends DOMProps, QAProps {
+export interface UserProps extends DOMProps, AriaLabelingProps, QAProps {
     avatar?: DistributiveOmit<AvatarProps, 'size' | 'className'> | React.ReactElement<unknown>;
     name?: React.ReactNode;
     description?: React.ReactNode;
     size?: UserSize;
-    'aria-label'?: string;
-    'aria-labelledby'?: string;
 }