diff --git a/.changeset/giant-needles-travel.md b/.changeset/giant-needles-travel.md
new file mode 100644
index 0000000000..1434c05a09
--- /dev/null
+++ b/.changeset/giant-needles-travel.md
@@ -0,0 +1,6 @@
+---
+"@frontify/fondue-components": patch
+"@frontify/fondue": patch
+---
+
+feat(lang): expose lang prop in appropriate components
diff --git a/packages/components/.storybook/components/StoryWithTheme.tsx b/packages/components/.storybook/components/StoryWithTheme.tsx
index 032f03bbd9..46a655ab87 100644
--- a/packages/components/.storybook/components/StoryWithTheme.tsx
+++ b/packages/components/.storybook/components/StoryWithTheme.tsx
@@ -3,7 +3,7 @@
 import { type ComponentProps, type ComponentType } from 'react';
 
 import { deCH, deDE, enUS, esES, frCH, frFR, itCH, itIT, nlNL, plPL, ptPT } from '#/locales';
-import { type LocaleIdentifier } from '#/locales/types';
+import { type LocaleConfig, type LocaleIdentifier } from '#/locales/types';
 
 import { ThemeProvider } from '../../src/components/ThemeProvider/ThemeProvider';
 
@@ -15,7 +15,7 @@ type WithThemeOptions = {
 };
 
 export const withTheme = (Story: ComponentType, options: WithThemeOptions) => {
-    let locale = enUS;
+    let locale: LocaleConfig = enUS;
 
     switch (options.locale) {
         case 'de-DE':
diff --git a/packages/components/src/components/Badge/Badge.tsx b/packages/components/src/components/Badge/Badge.tsx
index 48fc4a9c4f..a106ee5a6a 100644
--- a/packages/components/src/components/Badge/Badge.tsx
+++ b/packages/components/src/components/Badge/Badge.tsx
@@ -3,6 +3,7 @@
 import { IconCross } from '@frontify/fondue-icons';
 import { type MouseEvent, type ReactNode } from 'react';
 
+import { type CommonGlobalProps } from '#/helpers/aria';
 import { useTranslation } from '#/hooks/useTranslation';
 
 import { BadgeStatus, type BadgeStatusProps } from './BadgeStatus';
@@ -14,7 +15,7 @@ type BadgeEmphasis = 'strong' | 'weak';
 
 type BadgeSize = 'default' | 'small';
 
-type BadgeProps = {
+type BadgeProps = CommonGlobalProps & {
     /**
      * @default 'strong'
      */
@@ -55,6 +56,7 @@ export const Badge = ({
     children,
     disabled = false,
     emphasis = 'strong',
+    lang,
     onClick,
     onDismiss,
     size = 'default',
@@ -74,6 +76,7 @@ export const Badge = ({
         'data-test-id': dataTestId,
         'data-variant': variant,
         className: styles.root,
+        lang,
         title,
     };
 
diff --git a/packages/components/src/components/Badge/tests/Badge.ct.tsx b/packages/components/src/components/Badge/tests/Badge.ct.tsx
index c3a65f20b3..3389f5325f 100644
--- a/packages/components/src/components/Badge/tests/Badge.ct.tsx
+++ b/packages/components/src/components/Badge/tests/Badge.ct.tsx
@@ -124,3 +124,12 @@ test('should keep regular font weight when wrapped in a bold ancestor', async ({
     const fontWeight = await component.evaluate((element) => getComputedStyle(element).fontWeight);
     expect(fontWeight).toBe('400');
 });
+
+test('should render lang on the badge element', async ({ mount }) => {
+    const wrapper = await mount(
+        <Badge data-test-id="badge-root" lang="fr-CH">
+            {BADGE_TEXT}
+        </Badge>,
+    );
+    await expect(wrapper.getByTestId('badge-root')).toHaveAttribute('lang', 'fr-CH');
+});
diff --git a/packages/components/src/components/Box/Box.tsx b/packages/components/src/components/Box/Box.tsx
index 13c2bdfa6d..9b25282da0 100644
--- a/packages/components/src/components/Box/Box.tsx
+++ b/packages/components/src/components/Box/Box.tsx
@@ -2,7 +2,7 @@
 
 import { forwardRef, type ReactNode } from 'react';
 
-import { type CommonAriaProps } from '#/helpers/aria';
+import { type CommonAriaProps, type CommonGlobalProps } from '#/helpers/aria';
 import { type Responsive, type LayoutComponentProps } from '#/helpers/layout';
 import { propsToCssVariables } from '#/helpers/propsToCssVariables';
 
@@ -22,7 +22,8 @@ export type BoxProps = LayoutComponentProps & {
 
     children?: ReactNode;
     'data-test-id'?: string;
-} & CommonAriaProps;
+} & CommonAriaProps &
+    CommonGlobalProps;
 
 export const Box = forwardRef<HTMLDivElement, BoxProps>(
     (
@@ -37,6 +38,7 @@ export const Box = forwardRef<HTMLDivElement, BoxProps>(
             'aria-labelledby': ariaLabelledBy,
             'aria-expanded': ariaExpanded,
             'aria-haspopup': ariaHasPopup,
+            lang,
             ...props
         },
         ref,
@@ -53,6 +55,7 @@ export const Box = forwardRef<HTMLDivElement, BoxProps>(
                 aria-labelledby={ariaLabelledBy}
                 aria-expanded={ariaExpanded}
                 aria-haspopup={ariaHasPopup}
+                lang={lang}
                 ref={ref}
             >
                 {children}
diff --git a/packages/components/src/components/Box/__tests__/Box.ct.tsx b/packages/components/src/components/Box/__tests__/Box.ct.tsx
index 399d26a983..9314bb1e6f 100644
--- a/packages/components/src/components/Box/__tests__/Box.ct.tsx
+++ b/packages/components/src/components/Box/__tests__/Box.ct.tsx
@@ -105,3 +105,12 @@ test.describe('Responsiveness (lg)', () => {
         await expect(component).toHaveCSS('margin', '120px');
     });
 });
+
+test('should render lang on the root element', async ({ mount }) => {
+    const wrapper = await mount(
+        <Box data-test-id="box-root" lang="fr-CH">
+            {BOX_TEXT}
+        </Box>,
+    );
+    await expect(wrapper.getByTestId('box-root')).toHaveAttribute('lang', 'fr-CH');
+});
diff --git a/packages/components/src/components/Button/Button.tsx b/packages/components/src/components/Button/Button.tsx
index 9dc54825b8..210c0d0cd9 100644
--- a/packages/components/src/components/Button/Button.tsx
+++ b/packages/components/src/components/Button/Button.tsx
@@ -2,6 +2,8 @@
 
 import { forwardRef, type ForwardedRef, type MouseEvent, type ReactNode } from 'react';
 
+import { type CommonGlobalProps } from '#/helpers/aria';
+
 import styles from './styles/button.module.scss';
 
 type ButtonRounding = 'medium' | 'full';
@@ -16,7 +18,7 @@ type ButtonEmphasis = 'default' | 'weak' | 'strong';
 
 type ButtonAspect = 'default' | 'square';
 
-export type ButtonProps = {
+export type ButtonProps = CommonGlobalProps & {
     /**
      * @default "button"
      */
diff --git a/packages/components/src/components/Button/tests/Button.ct.tsx b/packages/components/src/components/Button/tests/Button.ct.tsx
index fd2591f58b..66ead69f5b 100644
--- a/packages/components/src/components/Button/tests/Button.ct.tsx
+++ b/packages/components/src/components/Button/tests/Button.ct.tsx
@@ -70,3 +70,12 @@ test('should render in positive medium with an icon and text.', async ({ mount }
     await expect(component).toHaveText(BUTTON_TEXT);
     await expect(component.locator('data-test-id=fondue-icon-icon')).toBeVisible();
 });
+
+test('should render lang on the button element', async ({ mount }) => {
+    const wrapper = await mount(
+        <Button data-test-id="button-root" lang="fr-CH">
+            {BUTTON_TEXT}
+        </Button>,
+    );
+    await expect(wrapper.getByTestId('button-root')).toHaveAttribute('lang', 'fr-CH');
+});
diff --git a/packages/components/src/components/Card/CardRoot.tsx b/packages/components/src/components/Card/CardRoot.tsx
index 21edc078c6..7f13fa0793 100644
--- a/packages/components/src/components/Card/CardRoot.tsx
+++ b/packages/components/src/components/Card/CardRoot.tsx
@@ -13,6 +13,7 @@ import {
     useMemo,
 } from 'react';
 
+import { type CommonGlobalProps } from '#/helpers/aria';
 import { useTranslation } from '#/hooks/useTranslation';
 
 import { useFondueRouter } from '../RouterProvider/RouterProvider';
@@ -21,7 +22,7 @@ import { ForwardedRefCardAction } from './CardAction';
 import { CardContext } from './CardContext';
 import styles from './styles/card.module.scss';
 
-type CardRootBaseProps = {
+type CardRootBaseProps = CommonGlobalProps & {
     'data-test-id'?: string;
     /**
      * Additional class name(s) merged onto the card's root element. Useful for
@@ -114,6 +115,7 @@ export const CardRoot = (
         'aria-label': ariaLabel,
         'aria-describedby': ariaDescribedby,
         className = '',
+        lang,
         selected = false,
         href,
         target,
@@ -184,6 +186,7 @@ export const CardRoot = (
             ref={ref}
             className={[styles.root, className].filter(Boolean).join(' ')}
             data-test-id={dataTestId}
+            lang={lang}
             data-interactive={isClickable}
             data-selectable={isSelectable}
             data-selected={isSelectable && selected}
diff --git a/packages/components/src/components/Card/__tests__/Card.ct.tsx b/packages/components/src/components/Card/__tests__/Card.ct.tsx
index 25d212c496..3c77410be5 100644
--- a/packages/components/src/components/Card/__tests__/Card.ct.tsx
+++ b/packages/components/src/components/Card/__tests__/Card.ct.tsx
@@ -173,3 +173,12 @@ test('should still shift an un-toned banner background on hover', async ({ mount
         .poll(() => banner.evaluate((element) => getComputedStyle(element).backgroundColor))
         .toBe(expectedHover);
 });
+
+test('should render lang on the card root', async ({ mount }) => {
+    const wrapper = await mount(
+        <Card.Root data-test-id={CARD_TEST_ID} lang="fr-CH">
+            <Card.Title>Card title</Card.Title>
+        </Card.Root>,
+    );
+    await expect(wrapper.getByTestId(CARD_TEST_ID)).toHaveAttribute('lang', 'fr-CH');
+});
diff --git a/packages/components/src/components/EditableText/EditableText.tsx b/packages/components/src/components/EditableText/EditableText.tsx
index aeb64f6eb9..279329ef49 100644
--- a/packages/components/src/components/EditableText/EditableText.tsx
+++ b/packages/components/src/components/EditableText/EditableText.tsx
@@ -3,9 +3,11 @@
 import { Slot } from '@radix-ui/react-slot';
 import { type ReactNode, forwardRef, useRef, useState } from 'react';
 
+import { type CommonGlobalProps } from '#/helpers/aria';
+
 import styles from './styles/editable-text.module.scss';
 
-export type EditableTextProps = {
+export type EditableTextProps = CommonGlobalProps & {
     /**
      * Callback fired with the plain text value when editing is confirmed (on blur or Enter).
      * Only fires if the value has actually changed.
@@ -37,6 +39,7 @@ export const EditableText = forwardRef<HTMLElement, EditableTextProps>(
             hugWidth = true,
             'aria-label': ariaLabel,
             children,
+            lang,
             'data-test-id': dataTestId = 'fondue-editable-text',
         },
         forwardedRef,
@@ -94,6 +97,7 @@ export const EditableText = forwardRef<HTMLElement, EditableTextProps>(
                 <TextElement
                     ref={forwardedRef}
                     className={styles.text}
+                    lang={lang}
                     contentEditable={isEditing ? 'plaintext-only' : undefined}
                     suppressContentEditableWarning
                     tabIndex={0}
diff --git a/packages/components/src/components/EditableText/__tests__/EditableText.ct.tsx b/packages/components/src/components/EditableText/__tests__/EditableText.ct.tsx
index 9fd6696566..88eae6c5bd 100644
--- a/packages/components/src/components/EditableText/__tests__/EditableText.ct.tsx
+++ b/packages/components/src/components/EditableText/__tests__/EditableText.ct.tsx
@@ -202,3 +202,8 @@ test('should switch asChild heading to textbox role on focus', async ({ mount, p
     await heading.focus();
     await expect(heading).toHaveAttribute('role', 'textbox');
 });
+
+test('should render lang on the editable element', async ({ mount }) => {
+    const component = await mount(<EditableText lang="fr-CH">{EDITABLE_TEXT_TEXT}</EditableText>);
+    await expect(component.getByText(EDITABLE_TEXT_TEXT)).toHaveAttribute('lang', 'fr-CH');
+});
diff --git a/packages/components/src/components/Flex/Flex.tsx b/packages/components/src/components/Flex/Flex.tsx
index c444175d2d..b2ea512d87 100644
--- a/packages/components/src/components/Flex/Flex.tsx
+++ b/packages/components/src/components/Flex/Flex.tsx
@@ -2,7 +2,7 @@
 
 import { forwardRef, type ReactNode } from 'react';
 
-import { type CommonAriaProps } from '#/helpers/aria';
+import { type CommonAriaProps, type CommonGlobalProps } from '#/helpers/aria';
 import { type Responsive, type SizeValue, type LayoutComponentProps } from '#/helpers/layout';
 import { propsToCssVariables } from '#/helpers/propsToCssVariables';
 
@@ -51,7 +51,8 @@ export type FlexProps = LayoutComponentProps & {
 
     children?: ReactNode;
     'data-test-id'?: string;
-} & CommonAriaProps;
+} & CommonAriaProps &
+    CommonGlobalProps;
 
 export const Flex = forwardRef<HTMLDivElement, FlexProps>(
     (
@@ -66,6 +67,7 @@ export const Flex = forwardRef<HTMLDivElement, FlexProps>(
             'aria-labelledby': ariaLabelledBy,
             'aria-expanded': ariaExpanded,
             'aria-haspopup': ariaHasPopup,
+            lang,
             ...props
         },
         ref,
@@ -82,6 +84,7 @@ export const Flex = forwardRef<HTMLDivElement, FlexProps>(
                 aria-labelledby={ariaLabelledBy}
                 aria-expanded={ariaExpanded}
                 aria-haspopup={ariaHasPopup}
+                lang={lang}
                 ref={ref}
             >
                 {children}
diff --git a/packages/components/src/components/Flex/__tests__/Flex.ct.tsx b/packages/components/src/components/Flex/__tests__/Flex.ct.tsx
index b1c49613a0..e4a3ce0516 100644
--- a/packages/components/src/components/Flex/__tests__/Flex.ct.tsx
+++ b/packages/components/src/components/Flex/__tests__/Flex.ct.tsx
@@ -98,3 +98,12 @@ test.describe('Responsiveness (lg)', () => {
         await expect(component).toHaveCSS('padding', '100px');
     });
 });
+
+test('should render lang on the root element', async ({ mount }) => {
+    const wrapper = await mount(
+        <Flex data-test-id="flex-root" lang="fr-CH">
+            {FLEX_TEXT}
+        </Flex>,
+    );
+    await expect(wrapper.getByTestId('flex-root')).toHaveAttribute('lang', 'fr-CH');
+});
diff --git a/packages/components/src/components/Grid/Grid.tsx b/packages/components/src/components/Grid/Grid.tsx
index ea074421ab..c72a44e7f4 100644
--- a/packages/components/src/components/Grid/Grid.tsx
+++ b/packages/components/src/components/Grid/Grid.tsx
@@ -2,7 +2,7 @@
 
 import { forwardRef, type ReactNode } from 'react';
 
-import { type CommonAriaProps } from '#/helpers/aria';
+import { type CommonAriaProps, type CommonGlobalProps } from '#/helpers/aria';
 import { type Responsive, type SizeValue, type LayoutComponentProps } from '#/helpers/layout';
 import { propsToCssVariables } from '#/helpers/propsToCssVariables';
 
@@ -55,7 +55,8 @@ export type GridProps = LayoutComponentProps & {
 
     children?: ReactNode;
     'data-test-id'?: string;
-} & CommonAriaProps;
+} & CommonAriaProps &
+    CommonGlobalProps;
 
 export const Grid = forwardRef<HTMLDivElement, GridProps>(
     (
@@ -70,6 +71,7 @@ export const Grid = forwardRef<HTMLDivElement, GridProps>(
             'aria-labelledby': ariaLabelledBy,
             'aria-expanded': ariaExpanded,
             'aria-haspopup': ariaHasPopup,
+            lang,
             ...props
         },
         ref,
@@ -86,6 +88,7 @@ export const Grid = forwardRef<HTMLDivElement, GridProps>(
                 aria-labelledby={ariaLabelledBy}
                 aria-expanded={ariaExpanded}
                 aria-haspopup={ariaHasPopup}
+                lang={lang}
                 ref={ref}
             >
                 {children}
diff --git a/packages/components/src/components/Grid/__tests__/Grid.ct.tsx b/packages/components/src/components/Grid/__tests__/Grid.ct.tsx
index c960c41a91..7a4df3d0b0 100644
--- a/packages/components/src/components/Grid/__tests__/Grid.ct.tsx
+++ b/packages/components/src/components/Grid/__tests__/Grid.ct.tsx
@@ -155,3 +155,12 @@ test.describe('Responsiveness (lg)', () => {
         await expect(component).toHaveCSS('grid-template-rows', '24px 24px 24px');
     });
 });
+
+test('should render lang on the root element', async ({ mount }) => {
+    const wrapper = await mount(
+        <Grid data-test-id="grid-root" lang="fr-CH">
+            {GRID_TEXT}
+        </Grid>,
+    );
+    await expect(wrapper.getByTestId('grid-root')).toHaveAttribute('lang', 'fr-CH');
+});
diff --git a/packages/components/src/components/Heading/Heading.tsx b/packages/components/src/components/Heading/Heading.tsx
index 510d1d0401..2b1a5b1085 100644
--- a/packages/components/src/components/Heading/Heading.tsx
+++ b/packages/components/src/components/Heading/Heading.tsx
@@ -2,7 +2,7 @@
 
 import { type ForwardedRef, forwardRef, type ReactElement, type ReactNode } from 'react';
 
-import { type CommonAriaProps } from '#/helpers/aria';
+import { type CommonAriaProps, type CommonGlobalProps } from '#/helpers/aria';
 
 import styles from './styles/heading.module.scss';
 
@@ -12,7 +12,7 @@ type HeadingColor = 'default' | 'weak' | 'x-weak' | 'disabled' | 'negative' | 'p
 
 type TagType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span' | 'p';
 
-export type HeadingProps<TTag extends TagType = 'span'> = CommonAriaProps & {
+export type HeadingProps<TTag extends TagType = 'span'> = CommonAriaProps & CommonGlobalProps & {
     'data-test-id'?: string;
     as?: TTag;
     children?: ReactNode;
diff --git a/packages/components/src/components/Label/Label.tsx b/packages/components/src/components/Label/Label.tsx
index d6c47a08fb..0ec7b10f25 100644
--- a/packages/components/src/components/Label/Label.tsx
+++ b/packages/components/src/components/Label/Label.tsx
@@ -3,11 +3,13 @@
 import * as LabelPrimitive from '@radix-ui/react-label';
 import { type ForwardedRef, forwardRef, type MouseEventHandler, type ReactNode, useRef, useLayoutEffect } from 'react';
 
+import { type CommonGlobalProps } from '#/helpers/aria';
+
 import styles from './styles/label.module.scss';
 
 type LabelVariant = 'default' | 'strong';
 
-export type LabelProps = {
+export type LabelProps = CommonGlobalProps & {
     id?: string;
     children: ReactNode;
     /**
diff --git a/packages/components/src/components/Link/Link.tsx b/packages/components/src/components/Link/Link.tsx
index 8df0a96417..624211d880 100644
--- a/packages/components/src/components/Link/Link.tsx
+++ b/packages/components/src/components/Link/Link.tsx
@@ -2,6 +2,8 @@
 
 import { forwardRef, type ReactNode, type MouseEvent, useCallback } from 'react';
 
+import { type CommonGlobalProps } from '#/helpers/aria';
+
 import { useFondueRouter } from '../RouterProvider/RouterProvider';
 
 import styles from './styles/link.module.scss';
@@ -13,7 +15,7 @@ type LinkOnContainerColor = 'secondary' | 'disabled' | 'error' | 'success' | 'wa
 type LinkWrap = 'wrap' | 'nowrap';
 type LinkUnderline = 'auto' | 'always' | 'hover' | 'none';
 
-export type LinkProps = {
+export type LinkProps = CommonGlobalProps & {
     children?: ReactNode;
     /**
      * The link to navigate to when clicked
diff --git a/packages/components/src/components/Notice/Notice.tsx b/packages/components/src/components/Notice/Notice.tsx
index 6adce2e81f..e171225218 100644
--- a/packages/components/src/components/Notice/Notice.tsx
+++ b/packages/components/src/components/Notice/Notice.tsx
@@ -3,6 +3,7 @@
 import { IconCross } from '@frontify/fondue-icons';
 import { type MouseEvent, type ReactNode } from 'react';
 
+import { type CommonGlobalProps } from '#/helpers/aria';
 import { useTranslation } from '#/hooks/useTranslation';
 
 import styles from './styles/notice.module.scss';
@@ -15,7 +16,7 @@ type NoticeSize = 'medium' | 'large';
 
 type NoticeAlignContent = 'center' | 'top';
 
-export type NoticeProps = {
+export type NoticeProps = CommonGlobalProps & {
     /**
      * @default 'default'
      */
@@ -72,6 +73,7 @@ export const Notice = ({
     alignContent = 'center',
     icon,
     action,
+    lang,
     onDismiss,
     className = '',
     children,
@@ -91,7 +93,9 @@ export const Notice = ({
             aria-live="polite"
         >
             {icon ? <div className={styles.icon}>{icon}</div> : null}
-            <div className={styles.content}>{children}</div>
+            <div className={styles.content} lang={lang}>
+                {children}
+            </div>
             {action ? <div className={styles.action}>{action}</div> : null}
             {onDismiss ? (
                 <button
diff --git a/packages/components/src/components/Notice/tests/Notice.ct.tsx b/packages/components/src/components/Notice/tests/Notice.ct.tsx
index 5fb6c4ae42..ad30fe2591 100644
--- a/packages/components/src/components/Notice/tests/Notice.ct.tsx
+++ b/packages/components/src/components/Notice/tests/Notice.ct.tsx
@@ -361,3 +361,8 @@ test('should render with custom aria-label and verify accessibility', async ({ m
     await expect(dismissButton).toBeVisible();
     await expect(dismissButton).toHaveAttribute('type', 'button');
 });
+
+test('should render lang on the content element', async ({ mount }) => {
+    const component = await mount(<Notice lang="fr-CH">{NOTICE_TEXT}</Notice>);
+    await expect(component.locator('[lang="fr-CH"]')).toContainText(NOTICE_TEXT);
+});
diff --git a/packages/components/src/components/Section/Section.tsx b/packages/components/src/components/Section/Section.tsx
index 12113fcc83..6e6122002f 100644
--- a/packages/components/src/components/Section/Section.tsx
+++ b/packages/components/src/components/Section/Section.tsx
@@ -2,7 +2,7 @@
 
 import { forwardRef, type ReactNode } from 'react';
 
-import { type CommonAriaProps } from '#/helpers/aria';
+import { type CommonAriaProps, type CommonGlobalProps } from '#/helpers/aria';
 import { type Responsive, type LayoutComponentProps } from '#/helpers/layout';
 import { propsToCssVariables } from '#/helpers/propsToCssVariables';
 
@@ -17,7 +17,8 @@ export type SectionProps = LayoutComponentProps & {
 
     children?: ReactNode;
     'data-test-id'?: string;
-} & CommonAriaProps;
+} & CommonAriaProps &
+    CommonGlobalProps;
 
 export const Section = forwardRef<HTMLDivElement, SectionProps>(
     (
@@ -31,6 +32,7 @@ export const Section = forwardRef<HTMLDivElement, SectionProps>(
             'aria-labelledby': ariaLabelledBy,
             'aria-expanded': ariaExpanded,
             'aria-haspopup': ariaHasPopup,
+            lang,
             ...props
         },
         ref,
@@ -47,6 +49,7 @@ export const Section = forwardRef<HTMLDivElement, SectionProps>(
                 aria-labelledby={ariaLabelledBy}
                 aria-expanded={ariaExpanded}
                 aria-haspopup={ariaHasPopup}
+                lang={lang}
                 ref={ref}
             >
                 {children}
diff --git a/packages/components/src/components/Section/__tests__/Section.ct.tsx b/packages/components/src/components/Section/__tests__/Section.ct.tsx
index 225f74c42b..f02fed7f77 100644
--- a/packages/components/src/components/Section/__tests__/Section.ct.tsx
+++ b/packages/components/src/components/Section/__tests__/Section.ct.tsx
@@ -68,3 +68,12 @@ test('should render with size tokens', async ({ mount }) => {
     await expect(component).toHaveCSS('right', '56px');
     await expect(component).toHaveCSS('left', '52px');
 });
+
+test('should render lang on the root element', async ({ mount }) => {
+    const wrapper = await mount(
+        <Section data-test-id="section-root" lang="fr-CH">
+            {SECTION_TEXT}
+        </Section>,
+    );
+    await expect(wrapper.getByTestId('section-root')).toHaveAttribute('lang', 'fr-CH');
+});
diff --git a/packages/components/src/components/Select/__tests__/Combobox.ct.tsx b/packages/components/src/components/Select/__tests__/Combobox.ct.tsx
index b8a4dce3b1..96685c25bf 100644
--- a/packages/components/src/components/Select/__tests__/Combobox.ct.tsx
+++ b/packages/components/src/components/Select/__tests__/Combobox.ct.tsx
@@ -593,3 +593,14 @@ test('should handle state with default value set to first item', async ({ mount,
     expect(onSelectChange.callCount).toBe(1);
     expect(onSelectChange.calledWith('test1')).toBe(true);
 });
+
+test('should render lang on the combobox input', async ({ mount }) => {
+    const component = await mount(
+        <Select.Combobox data-test-id={SELECT_TEST_ID} aria-label="Fruits" lang="fr-CH">
+            <Select.Slot name="menu">
+                <Select.Item value={ITEM_LABEL1}>{ITEM_TEXT1}</Select.Item>
+            </Select.Slot>
+        </Select.Combobox>,
+    );
+    await expect(component.getByTestId(SELECT_TEST_ID)).toHaveAttribute('lang', 'fr-CH');
+});
diff --git a/packages/components/src/components/Select/components/ComboboxBase.tsx b/packages/components/src/components/Select/components/ComboboxBase.tsx
index 322d12e90a..f029385eb9 100644
--- a/packages/components/src/components/Select/components/ComboboxBase.tsx
+++ b/packages/components/src/components/Select/components/ComboboxBase.tsx
@@ -15,7 +15,7 @@ import {
 } from 'react';
 
 import { LoadingCircle } from '#/components/LoadingCircle/LoadingCircle.tsx';
-import { type CommonAriaProps } from '#/helpers/aria';
+import { type CommonAriaProps, type CommonGlobalProps } from '#/helpers/aria';
 import { useTranslation } from '#/hooks/useTranslation';
 
 import { useBadgeItems } from '../hooks/useBadgeItems';
@@ -85,7 +85,8 @@ export type ComboboxSharedProps = {
      * Event handler called when the escape key is pressed
      */
     onEscapeKeyDown?: (event: KeyboardEvent) => void;
-} & CommonAriaProps;
+} & CommonAriaProps &
+    CommonGlobalProps;
 
 type ComboboxBaseProps = ComboboxSharedProps & {
     /**
@@ -123,6 +124,7 @@ const ComboboxBaseInput = (
         getAsyncItems,
         onEscapeKeyDown,
         multiple,
+        lang,
         ...props
     }: ComboboxBaseProps,
     forwardedRef: ForwardedRef<HTMLDivElement>,
@@ -325,6 +327,7 @@ const ComboboxBaseInput = (
                                         'aria-describedby': selectionDescription ? selectionDescriptionId : undefined,
                                     })}
                                     data-test-id={dataTestId}
+                                    lang={lang}
                                     placeholder={selectedItemValues.length === 0 ? placeholder : ''}
                                     className={styles.multiSelectInput}
                                     disabled={disabled}
@@ -350,6 +353,7 @@ const ComboboxBaseInput = (
                                         : undefined,
                             })}
                             data-test-id={dataTestId}
+                            lang={lang}
                             placeholder={placeholder}
                             className={styles.input}
                             disabled={disabled}
diff --git a/packages/components/src/components/Tag/Tag.tsx b/packages/components/src/components/Tag/Tag.tsx
index 3088f4647d..e2a4bf33bb 100644
--- a/packages/components/src/components/Tag/Tag.tsx
+++ b/packages/components/src/components/Tag/Tag.tsx
@@ -3,6 +3,8 @@
 import { IconCross, IconPlus } from '@frontify/fondue-icons';
 import { Children, forwardRef, isValidElement, useState, type MouseEvent, type ReactNode } from 'react';
 
+import { type CommonGlobalProps } from '#/helpers/aria';
+
 import styles from './styles/tag.module.scss';
 
 type TagStyle = 'default' | 'highlight';
@@ -11,7 +13,7 @@ type TagEmphasis = 'strong' | 'weak';
 
 type TagSize = 'default' | 'small';
 
-type TagProps = {
+type TagProps = CommonGlobalProps & {
     /**
      * @default 'strong'
      */
@@ -70,6 +72,7 @@ const TagRoot = forwardRef<HTMLButtonElement | HTMLDivElement, TagProps>(
             children,
             disabled = false,
             emphasis = 'strong',
+            lang,
             onAddClick,
             onClick,
             onDismiss,
@@ -110,6 +113,7 @@ const TagRoot = forwardRef<HTMLButtonElement | HTMLDivElement, TagProps>(
                     disabled={disabled}
                     hoverContent={extractedHoverContent}
                     isHover={isHover}
+                    lang={lang}
                     onClick={onClick}
                     onMouseEnter={() => setIsHover(true)}
                     onMouseLeave={() => setIsHover(false)}
@@ -130,7 +134,7 @@ const TagRoot = forwardRef<HTMLButtonElement | HTMLDivElement, TagProps>(
 );
 TagRoot.displayName = 'Tag';
 
-type TagMainContentProps = {
+type TagMainContentProps = CommonGlobalProps & {
     'aria-label'?: string;
     'data-test-id'?: string;
     children: ReactNode;
@@ -152,6 +156,7 @@ const TagMainContent = forwardRef<HTMLButtonElement | HTMLDivElement, TagMainCon
             disabled = false,
             hoverContent,
             isHover = false,
+            lang,
             onClick,
             onMouseEnter,
             onMouseLeave,
@@ -189,6 +194,7 @@ const TagMainContent = forwardRef<HTMLButtonElement | HTMLDivElement, TagMainCon
                     type="button"
                     aria-label={ariaLabel}
                     title={title}
+                    lang={lang}
                     className={styles.mainContent}
                     onClick={disabled ? undefined : onClick}
                     onMouseEnter={onMouseEnter}
@@ -205,6 +211,7 @@ const TagMainContent = forwardRef<HTMLButtonElement | HTMLDivElement, TagMainCon
             <div
                 ref={ref as React.Ref<HTMLDivElement>}
                 className={styles.mainContent}
+                lang={lang}
                 onMouseEnter={onMouseEnter}
                 onMouseLeave={onMouseLeave}
                 data-test-id={dataTestId}
diff --git a/packages/components/src/components/Tag/tests/Tag.ct.tsx b/packages/components/src/components/Tag/tests/Tag.ct.tsx
index 1a66b378da..19ffd4807d 100644
--- a/packages/components/src/components/Tag/tests/Tag.ct.tsx
+++ b/packages/components/src/components/Tag/tests/Tag.ct.tsx
@@ -99,3 +99,12 @@ test('should render correct cross icon size', async ({ mount }) => {
     const icon = await component.locator('svg').getAttribute('width');
     expect(icon).toBe('16');
 });
+
+test('should render lang on the element holding the content', async ({ mount }) => {
+    const wrapper = await mount(
+        <Tag data-test-id="tag-root" lang="fr-CH">
+            {TAG_TEXT}
+        </Tag>,
+    );
+    await expect(wrapper.getByTestId('tag-root')).toHaveAttribute('lang', 'fr-CH');
+});
diff --git a/packages/components/src/components/Text/Text.tsx b/packages/components/src/components/Text/Text.tsx
index dfb17f4b48..65ad083912 100644
--- a/packages/components/src/components/Text/Text.tsx
+++ b/packages/components/src/components/Text/Text.tsx
@@ -8,7 +8,7 @@ import {
     type ReactElement,
 } from 'react';
 
-import { type CommonAriaProps } from '#/helpers/aria';
+import { type CommonAriaProps, type CommonGlobalProps } from '#/helpers/aria';
 
 import styles from './styles/text.module.scss';
 
@@ -20,6 +20,7 @@ type BoxColor = 'neutral' | 'selected' | 'disabled' | 'positive' | 'negative' |
 type TagType = 'a' | 'abbr' | 'address' | 'em' | 'label' | 'li' | 'span' | 'strong' | 'time' | 'p';
 
 export type TextProps<TTag extends TagType = 'span'> = CommonAriaProps &
+    CommonGlobalProps &
     TagProps<TTag> & {
         /**
          * Id of the element
diff --git a/packages/components/src/components/TextInput/TextInput.tsx b/packages/components/src/components/TextInput/TextInput.tsx
index fc3cff69e2..6cbdf65aa4 100644
--- a/packages/components/src/components/TextInput/TextInput.tsx
+++ b/packages/components/src/components/TextInput/TextInput.tsx
@@ -12,11 +12,13 @@ import {
     type SyntheticEvent,
 } from 'react';
 
+import { type CommonGlobalProps } from '#/helpers/aria';
+
 import { LoadingCircle } from '../LoadingCircle/LoadingCircle';
 
 import styles from './styles/text.module.scss';
 
-export type TextInputProps = {
+export type TextInputProps = CommonGlobalProps & {
     id?: string;
     name?: string;
     /**
diff --git a/packages/components/src/components/TextInput/__tests__/TextInput.ct.tsx b/packages/components/src/components/TextInput/__tests__/TextInput.ct.tsx
index 3d1dc52f58..7d7fa82e5f 100644
--- a/packages/components/src/components/TextInput/__tests__/TextInput.ct.tsx
+++ b/packages/components/src/components/TextInput/__tests__/TextInput.ct.tsx
@@ -172,3 +172,15 @@ test('render border and no focus ring when mouse focused', async ({ mount, page
     await expect(input).toHaveCSS(...FOCUS_BORDER_CSS);
     await expect(input).not.toHaveCSS(...FOCUS_OUTLINE_CSS);
 });
+
+test('render lang on the input element', async ({ mount }) => {
+    const wrapper = await mount(<TextInput data-test-id={TEXT_INPUT_TEST_ID} lang="fr-CH" />);
+    const component = wrapper.getByTestId(TEXT_INPUT_TEST_ID);
+    await expect(component.locator('input')).toHaveAttribute('lang', 'fr-CH');
+});
+
+test('render without lang on the input element when not provided', async ({ mount }) => {
+    const wrapper = await mount(<TextInput data-test-id={TEXT_INPUT_TEST_ID} />);
+    const component = wrapper.getByTestId(TEXT_INPUT_TEST_ID);
+    await expect(component.locator('input')).not.toHaveAttribute('lang');
+});
diff --git a/packages/components/src/components/Textarea/Textarea.tsx b/packages/components/src/components/Textarea/Textarea.tsx
index d071e64598..a3638eb7a3 100644
--- a/packages/components/src/components/Textarea/Textarea.tsx
+++ b/packages/components/src/components/Textarea/Textarea.tsx
@@ -17,6 +17,7 @@ import {
     type SyntheticEvent,
 } from 'react';
 
+import { type CommonGlobalProps } from '#/helpers/aria';
 import { useSyncRefs } from '#/hooks/useSyncRefs';
 
 import styles from './styles/textarea.module.scss';
@@ -32,7 +33,7 @@ export type ExtraAction = {
 
 type Status = 'default' | 'loading' | 'success' | 'error';
 
-type TextareaProps = {
+type TextareaProps = CommonGlobalProps & {
     /**
      * The id of the textarea
      */
diff --git a/packages/components/src/components/Textarea/__tests__/Textarea.ct.tsx b/packages/components/src/components/Textarea/__tests__/Textarea.ct.tsx
index 0e4cc43288..77bc832448 100644
--- a/packages/components/src/components/Textarea/__tests__/Textarea.ct.tsx
+++ b/packages/components/src/components/Textarea/__tests__/Textarea.ct.tsx
@@ -179,3 +179,15 @@ test('focus management', async ({ mount }) => {
     await expect(component.locator('textarea')).toBeFocused();
     expect(onFocus.calledOnce).toBe(true);
 });
+
+test('render lang on the textarea element', async ({ mount }) => {
+    const wrapper = await mount(<Textarea data-test-id={TEXTAREA_TEST_ID} lang="fr-CH" />);
+    const component = wrapper.getByTestId(TEXTAREA_TEST_ID);
+    await expect(component.locator('textarea')).toHaveAttribute('lang', 'fr-CH');
+});
+
+test('render without lang on the textarea element when not provided', async ({ mount }) => {
+    const wrapper = await mount(<Textarea data-test-id={TEXTAREA_TEST_ID} />);
+    const component = wrapper.getByTestId(TEXTAREA_TEST_ID);
+    await expect(component.locator('textarea')).not.toHaveAttribute('lang');
+});
diff --git a/packages/components/src/components/ThemeProvider/ThemeProvider.tsx b/packages/components/src/components/ThemeProvider/ThemeProvider.tsx
index 501f6d6cd9..af581356ac 100644
--- a/packages/components/src/components/ThemeProvider/ThemeProvider.tsx
+++ b/packages/components/src/components/ThemeProvider/ThemeProvider.tsx
@@ -37,6 +37,16 @@ type ThemeProviderProps = {
      * ```
      */
     locale?: LocaleConfig;
+    /**
+     * language tag applied as `lang` on the theme provider root and inherited by portaled content.
+     * Defaults to the `lang` of the `locale` when one is passed to this provider, otherwise the
+     * language of the closest parent provider is kept.
+     * @example
+     * ```tsx
+     * <ThemeProvider lang="fr-CH">...</ThemeProvider>
+     * ```
+     */
+    lang?: string;
     /**
      * Additional class name to apply to the theme provider, used to scope styles to a specific component or section of the application.
      * The class is propagated to portaled content (e.g. Dropdown, Tooltip, Dialog) so scoped styles are still applied.
@@ -54,6 +64,7 @@ type ThemeContextValue = {
     theme: AvailableTheme;
     dir: 'ltr' | 'rtl';
     locale: LocaleConfig;
+    lang?: string;
     className: string;
 };
 
@@ -61,6 +72,7 @@ export const ThemeContext = createContext<ThemeContextValue>({
     theme: 'light',
     dir: 'ltr',
     locale: enUS,
+    lang: undefined,
     className: '',
 });
 ThemeContext.displayName = 'ThemeContext';
@@ -76,7 +88,7 @@ export const useFondueTheme = () => {
 
 export const ThemeProvider = forwardRef<HTMLDivElement, ThemeProviderProps>(
     (
-        { children, theme, dir, translations, locale, className, asChild = false },
+        { children, theme, dir, translations, locale, lang, className, asChild = false },
         forwardedRef: ForwardedRef<HTMLDivElement>,
     ) => {
         const Comp = asChild ? Slot : 'div';
@@ -88,9 +100,10 @@ export const ThemeProvider = forwardRef<HTMLDivElement, ThemeProviderProps>(
                 theme: theme ?? existingContext.theme,
                 dir: dir ?? existingContext.dir,
                 locale: locale ?? translations ?? existingContext.locale,
+                lang: lang ?? (locale ?? translations)?.lang ?? existingContext.lang,
                 className: className ?? existingContext.className,
             }),
-            [dir, theme, locale, translations, className, existingContext],
+            [dir, theme, locale, translations, lang, className, existingContext],
         );
 
         return (
@@ -98,6 +111,7 @@ export const ThemeProvider = forwardRef<HTMLDivElement, ThemeProviderProps>(
                 <Comp
                     ref={forwardedRef}
                     dir={contextValue.dir}
+                    lang={contextValue.lang}
                     className={['fondue-theme-provider', styles[contextValue.theme], contextValue.className].join(' ')}
                 >
                     {children}
diff --git a/packages/components/src/components/ThemeProvider/__tests__/ThemeProvider.spec.tsx b/packages/components/src/components/ThemeProvider/__tests__/ThemeProvider.spec.tsx
index 44af185756..a8ae921446 100644
--- a/packages/components/src/components/ThemeProvider/__tests__/ThemeProvider.spec.tsx
+++ b/packages/components/src/components/ThemeProvider/__tests__/ThemeProvider.spec.tsx
@@ -7,13 +7,14 @@ import { deDE, enUS, frFR } from '../../../locales';
 import { ThemeProvider, useFondueTheme } from '../ThemeProvider';
 
 const ContextProbe = ({ id }: { id: string }) => {
-    const { theme, dir, locale, className } = useFondueTheme();
+    const { theme, dir, locale, lang, className } = useFondueTheme();
     return (
         <div
             data-test-id={id}
             data-theme={theme}
             data-dir={dir}
             data-locale={locale.translationStrings.Dialog_close}
+            data-lang={lang}
             data-scope={className}
         />
     );
@@ -135,3 +136,52 @@ describe('ThemeProvider context inheritance', () => {
         expect(providers[1]?.className).toContain('parent-scope');
     });
 });
+
+describe('ThemeProvider language', () => {
+    it('does not set a lang attribute when no locale or lang is provided', () => {
+        const { container } = render(
+            <ThemeProvider>
+                <ContextProbe id="probe" />
+            </ThemeProvider>,
+        );
+
+        expect(container.querySelector('.fondue-theme-provider')?.hasAttribute('lang')).toBe(false);
+        expect(screen.getByTestId('probe').dataset.lang).toBeUndefined();
+    });
+
+    it('derives the lang attribute from the provided locale', () => {
+        const { container } = render(
+            <ThemeProvider locale={deDE}>
+                <ContextProbe id="probe" />
+            </ThemeProvider>,
+        );
+
+        expect(container.querySelector('.fondue-theme-provider')?.getAttribute('lang')).toBe('de-DE');
+        expect(screen.getByTestId('probe').dataset.lang).toBe('de-DE');
+    });
+
+    it('prefers an explicit lang over the locale', () => {
+        const { container } = render(
+            <ThemeProvider locale={deDE} lang="de-CH">
+                <ContextProbe id="probe" />
+            </ThemeProvider>,
+        );
+
+        expect(container.querySelector('.fondue-theme-provider')?.getAttribute('lang')).toBe('de-CH');
+        expect(screen.getByTestId('probe').dataset.lang).toBe('de-CH');
+    });
+
+    it('inherits the lang on nested providers, as used by portaled content', () => {
+        const { container } = render(
+            <ThemeProvider locale={frFR}>
+                <ThemeProvider>
+                    <ContextProbe id="probe" />
+                </ThemeProvider>
+            </ThemeProvider>,
+        );
+
+        const providers = container.querySelectorAll('.fondue-theme-provider');
+        expect(providers[1]?.getAttribute('lang')).toBe('fr-FR');
+        expect(screen.getByTestId('probe').dataset.lang).toBe('fr-FR');
+    });
+});
diff --git a/packages/components/src/components/Tooltip/Tooltip.tsx b/packages/components/src/components/Tooltip/Tooltip.tsx
index 3fa964b43b..43cc971c53 100644
--- a/packages/components/src/components/Tooltip/Tooltip.tsx
+++ b/packages/components/src/components/Tooltip/Tooltip.tsx
@@ -3,6 +3,7 @@
 import * as RadixTooltip from '@radix-ui/react-tooltip';
 import { forwardRef, useEffect, type ForwardedRef, type ReactElement, type ReactNode } from 'react';
 
+import { type CommonGlobalProps } from '#/helpers/aria';
 import { useControllableState } from '#/hooks/useControllableState';
 
 import { ThemeProvider, useFondueTheme } from '../ThemeProvider/ThemeProvider';
@@ -103,7 +104,7 @@ export const TooltipTrigger = (
 };
 TooltipTrigger.displayName = 'Tooltip.Trigger';
 
-export type TooltipContentProps = {
+export type TooltipContentProps = CommonGlobalProps & {
     /**
      * @default "spacious"
      */
@@ -122,6 +123,7 @@ export const TooltipContent = (
     {
         children,
         className,
+        lang,
         maxWidth,
         'data-test-id': dataTestId = 'fondue-tooltip-content',
         padding = 'spacious',
@@ -153,6 +155,7 @@ export const TooltipContent = (
                     dir={dir}
                     data-test-id={dataTestId}
                     data-tooltip-spacing={padding}
+                    lang={lang}
                     className={[styles.root, className].filter(Boolean).join(' ')}
                     style={{ maxWidth }}
                     collisionPadding={16}
diff --git a/packages/components/src/components/Tooltip/__tests__/Tooltip.ct.tsx b/packages/components/src/components/Tooltip/__tests__/Tooltip.ct.tsx
index 7e10f1344b..a340192ef6 100644
--- a/packages/components/src/components/Tooltip/__tests__/Tooltip.ct.tsx
+++ b/packages/components/src/components/Tooltip/__tests__/Tooltip.ct.tsx
@@ -398,3 +398,18 @@ test('should close when the pointer enters an iframe', async ({ mount, page }) =
 
     await expect(tooltipContent).toBeHidden();
 });
+
+test('should render lang on the tooltip content', async ({ mount, page }) => {
+    const component = await mount(
+        <Tooltip.Root>
+            <Tooltip.Trigger data-test-id={TOOLTIP_TRIGGER_TEST_ID}>
+                <Button>Hover over me!</Button>
+            </Tooltip.Trigger>
+            <Tooltip.Content data-test-id={TOOLTIP_CONTENT_TEST_ID} lang="fr-CH">
+                {TOOLTIP_TEXT}
+            </Tooltip.Content>
+        </Tooltip.Root>,
+    );
+    await component.getByTestId(TOOLTIP_TRIGGER_TEST_ID).hover();
+    await expect(page.getByTestId(TOOLTIP_CONTENT_TEST_ID)).toHaveAttribute('lang', 'fr-CH');
+});
diff --git a/packages/components/src/helpers/aria.ts b/packages/components/src/helpers/aria.ts
index 455d28706b..79f01a23ad 100644
--- a/packages/components/src/helpers/aria.ts
+++ b/packages/components/src/helpers/aria.ts
@@ -24,3 +24,16 @@ export type CommonAriaProps = Pick<
 > & {
     role?: AriaRole;
 };
+
+/**
+ * Global HTML attributes with accessibility semantics that are not part of ARIA.
+ *
+ * `lang` is exposed so consumers can satisfy WCAG 3.1.2 (Language of Parts) when a
+ * component renders content in a different language than the surrounding document.
+ */
+export type CommonGlobalProps = {
+    /**
+     * language tag describing the language of the element's content, for example `fr-CH`.
+     */
+    lang?: string;
+};
diff --git a/packages/components/src/locales/de-CH.ts b/packages/components/src/locales/de-CH.ts
index fd4cfef029..e3dfc2b0ae 100644
--- a/packages/components/src/locales/de-CH.ts
+++ b/packages/components/src/locales/de-CH.ts
@@ -42,4 +42,5 @@ const translations = {
 export const deCH: LocaleConfig = {
     translationStrings: translations,
     dateLocale,
+    lang: 'de-CH',
 };
diff --git a/packages/components/src/locales/de-DE.ts b/packages/components/src/locales/de-DE.ts
index 002ba07c0a..cde10ea6cb 100644
--- a/packages/components/src/locales/de-DE.ts
+++ b/packages/components/src/locales/de-DE.ts
@@ -42,4 +42,5 @@ const translations = {
 export const deDE: LocaleConfig = {
     translationStrings: translations,
     dateLocale,
+    lang: 'de-DE',
 };
diff --git a/packages/components/src/locales/en-US.ts b/packages/components/src/locales/en-US.ts
index 0eb1929a69..98eacf98c3 100644
--- a/packages/components/src/locales/en-US.ts
+++ b/packages/components/src/locales/en-US.ts
@@ -40,4 +40,5 @@ const translations = {
 export const enUS = {
     translationStrings: translations,
     dateLocale,
+    lang: 'en-US',
 };
diff --git a/packages/components/src/locales/es-ES.ts b/packages/components/src/locales/es-ES.ts
index b1d62a3400..91044c4cc1 100644
--- a/packages/components/src/locales/es-ES.ts
+++ b/packages/components/src/locales/es-ES.ts
@@ -42,4 +42,5 @@ const translations = {
 export const esES: LocaleConfig = {
     translationStrings: translations,
     dateLocale,
+    lang: 'es-ES',
 };
diff --git a/packages/components/src/locales/fr-CH.ts b/packages/components/src/locales/fr-CH.ts
index 1cfd9e83a8..ba46a53114 100644
--- a/packages/components/src/locales/fr-CH.ts
+++ b/packages/components/src/locales/fr-CH.ts
@@ -42,4 +42,5 @@ const translations = {
 export const frCH: LocaleConfig = {
     translationStrings: translations,
     dateLocale,
+    lang: 'fr-CH',
 };
diff --git a/packages/components/src/locales/fr-FR.ts b/packages/components/src/locales/fr-FR.ts
index 12f89690d4..14fa69b22a 100644
--- a/packages/components/src/locales/fr-FR.ts
+++ b/packages/components/src/locales/fr-FR.ts
@@ -42,4 +42,5 @@ const translations = {
 export const frFR: LocaleConfig = {
     translationStrings: translations,
     dateLocale,
+    lang: 'fr-FR',
 };
diff --git a/packages/components/src/locales/it-CH.ts b/packages/components/src/locales/it-CH.ts
index 191d2b8469..0da0563b70 100644
--- a/packages/components/src/locales/it-CH.ts
+++ b/packages/components/src/locales/it-CH.ts
@@ -42,4 +42,5 @@ const translations = {
 export const itCH: LocaleConfig = {
     translationStrings: translations,
     dateLocale,
+    lang: 'it-CH',
 };
diff --git a/packages/components/src/locales/it-IT.ts b/packages/components/src/locales/it-IT.ts
index 5fee691414..3560de8707 100644
--- a/packages/components/src/locales/it-IT.ts
+++ b/packages/components/src/locales/it-IT.ts
@@ -42,4 +42,5 @@ const translations = {
 export const itIT: LocaleConfig = {
     translationStrings: translations,
     dateLocale,
+    lang: 'it-IT',
 };
diff --git a/packages/components/src/locales/nl-NL.ts b/packages/components/src/locales/nl-NL.ts
index 02a9412b8d..d7d9fe46e4 100644
--- a/packages/components/src/locales/nl-NL.ts
+++ b/packages/components/src/locales/nl-NL.ts
@@ -42,4 +42,5 @@ const translations = {
 export const nlNL: LocaleConfig = {
     translationStrings: translations,
     dateLocale,
+    lang: 'nl-NL',
 };
diff --git a/packages/components/src/locales/pl-PL.ts b/packages/components/src/locales/pl-PL.ts
index 8b01c7e548..78ac32df71 100644
--- a/packages/components/src/locales/pl-PL.ts
+++ b/packages/components/src/locales/pl-PL.ts
@@ -42,4 +42,5 @@ const translations = {
 export const plPL: LocaleConfig = {
     translationStrings: translations,
     dateLocale,
+    lang: 'pl-PL',
 };
diff --git a/packages/components/src/locales/pt-PT.ts b/packages/components/src/locales/pt-PT.ts
index d23dec113c..d6a4bb4f49 100644
--- a/packages/components/src/locales/pt-PT.ts
+++ b/packages/components/src/locales/pt-PT.ts
@@ -42,4 +42,5 @@ const translations = {
 export const ptPT: LocaleConfig = {
     translationStrings: translations,
     dateLocale,
+    lang: 'pt-PT',
 };
diff --git a/packages/components/src/locales/types.ts b/packages/components/src/locales/types.ts
index a0a19e34ca..0b33d51b29 100644
--- a/packages/components/src/locales/types.ts
+++ b/packages/components/src/locales/types.ts
@@ -8,6 +8,7 @@ export type TranslationStrings = typeof enUS.translationStrings;
 export type LocaleConfig = {
     translationStrings: TranslationStrings;
     dateLocale: Locale;
+    lang?: string;
 };
 
 export const availableLocales = [