diff --git a/packages/components/src/components/date-picker/date-picker.css b/packages/components/src/components/date-picker/date-picker.css
index c03c70d843..68b5f66ba6 100644
--- a/packages/components/src/components/date-picker/date-picker.css
+++ b/packages/components/src/components/date-picker/date-picker.css
@@ -437,3 +437,14 @@ scale-date-picker .has-helper-text scale-helper-text {
     max-width: none;
   }
 }
+.date-picker__label--visually-hidden {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
diff --git a/packages/components/src/components/date-picker/date-picker.tsx b/packages/components/src/components/date-picker/date-picker.tsx
index f78d6e0ee9..b8134cec8b 100644
--- a/packages/components/src/components/date-picker/date-picker.tsx
+++ b/packages/components/src/components/date-picker/date-picker.tsx
@@ -155,6 +155,9 @@ export class DatePicker {
   /** (optional) id or space separated list of ids of elements that provide or link to additional related information. */
   @Prop() ariaDetailsId?: string;
 
+  /** (optional) Visually hide the label (remains accessible to screen readers) */
+  @Prop() hideLabelVisually?: boolean = false;
+
   /** Whether the input element has focus */
   @State() hasFocus: boolean = false;
 
@@ -424,9 +427,16 @@ export class DatePicker {
             this.helperText && 'has-helper-text'
           )}
         >
-          <label class="date-picker__label" htmlFor={this.identifier}>
+          <label
+            class={classNames(
+              'date-picker__label',
+              this.hideLabelVisually && 'date-picker__label--visually-hidden'
+            )}
+            htmlFor={this.identifier}
+          >
             {this.label}
           </label>
+
           <duet-date-picker
             onDuetChange={(e) => {
               emitEvent(this, 'scale-change', e.detail);
diff --git a/packages/components/src/components/date-picker/readme.md b/packages/components/src/components/date-picker/readme.md
index 1bdb5ec335..fd471c8163 100644
--- a/packages/components/src/components/date-picker/readme.md
+++ b/packages/components/src/components/date-picker/readme.md
@@ -7,30 +7,31 @@
 
 ## Properties
 
-| Property         | Attribute           | Description                                                                                                                                                                                                                                           | Type                                                    | Default           |
-| ---------------- | ------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------- | ----------------- |
-| `ariaDetailsId`  | `aria-details-id`   | (optional) id or space separated list of ids of elements that provide or link to additional related information.                                                                                                                                      | `string`                                                | `undefined`       |
-| `dateAdapter`    | `date-adapter`      | Date adapter, for custom parsing/formatting. Must be object with a `parse` function which accepts a `string` and returns a `Date`, and a `format` function which accepts a `Date` and returns a `string`. Default is IS0-8601 parsing and formatting. | `any`                                                   | `undefined`       |
-| `direction`      | `direction`         | Forces the opening direction of the calendar modal to be always left or right. This setting can be useful when the input is smaller than the opening date picker would be as by default the picker always opens towards right.                        | `"left" \| "right"`                                     | `'right'`         |
-| `disabled`       | `disabled`          | Makes the date picker input component disabled. This prevents users from being able to interact with the input, and conveys its inactive state to assistive technologies.                                                                             | `boolean`                                               | `false`           |
-| `firstDayOfWeek` | `first-day-of-week` | Which day is considered first day of the week? `0` for Sunday, `1` for Monday, etc. Default is Monday.                                                                                                                                                | `any`                                                   | `undefined`       |
-| `helperText`     | `helper-text`       | (optional) Helper text                                                                                                                                                                                                                                | `string`                                                | `''`              |
-| `identifier`     | `identifier`        | Adds a unique identifier for the date picker input. Use this instead of html `id` attribute.                                                                                                                                                          | `string`                                                | `undefined`       |
-| `innerRole`      | `inner-role`        | Defines a specific role attribute for the date picker input.                                                                                                                                                                                          | `string`                                                | `undefined`       |
-| `invalid`        | `invalid`           | (optional) invalid status                                                                                                                                                                                                                             | `boolean`                                               | `undefined`       |
-| `label`          | `label`             | (optional) Label                                                                                                                                                                                                                                      | `string`                                                | `''`              |
-| `localization`   | `localization`      | Button labels, day names, month names, etc, used for localization. Default is English.                                                                                                                                                                | `DuetLocalizedText & { today: string; }`                | `undefined`       |
-| `max`            | `max`               | Maximum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD. This setting can be used alone or together with the min property.                                                                                                          | `string`                                                | `''`              |
-| `min`            | `min`               | Minimum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD. This setting can be used alone or together with the max property.                                                                                                          | `string`                                                | `''`              |
-| `name`           | `name`              | Name of the date picker input.                                                                                                                                                                                                                        | `string`                                                | `'date'`          |
-| `placeholder`    | `placeholder`       | (optional) Input place holder                                                                                                                                                                                                                         | `string`                                                | `''`              |
-| `popupTitle`     | `popup-title`       | <span style="color:red">**[DEPRECATED]**</span> in v3 in favor of localization.calendarHeading<br/><br/>                                                                                                                                              | `string`                                                | `'Pick a date'`   |
-| `required`       | `required`          | Should the input be marked as required?                                                                                                                                                                                                               | `boolean`                                               | `false`           |
-| `size`           | `size`              | <span style="color:red">**[DEPRECATED]**</span> <br/><br/>                                                                                                                                                                                            | `string`                                                | `undefined`       |
-| `status`         | `status`            | <span style="color:red">**[DEPRECATED]**</span> - invalid should replace status<br/><br/>                                                                                                                                                             | `string`                                                | `''`              |
-| `styles`         | `styles`            | (optional) Injected CSS styles                                                                                                                                                                                                                        | `string`                                                | `undefined`       |
-| `value`          | `value`             | Date value. Must be in IS0-8601 format: YYYY-MM-DD.                                                                                                                                                                                                   | `string`                                                | `''`              |
-| `variant`        | `variant`           |                                                                                                                                                                                                                                                       | `"danger" \| "informational" \| "success" \| "warning"` | `'informational'` |
+| Property            | Attribute             | Description                                                                                                                                                                                                                                           | Type                                                    | Default           |
+| ------------------- | --------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------- | ----------------- |
+| `ariaDetailsId`     | `aria-details-id`     | (optional) id or space separated list of ids of elements that provide or link to additional related information.                                                                                                                                      | `string`                                                | `undefined`       |
+| `dateAdapter`       | `date-adapter`        | Date adapter, for custom parsing/formatting. Must be object with a `parse` function which accepts a `string` and returns a `Date`, and a `format` function which accepts a `Date` and returns a `string`. Default is IS0-8601 parsing and formatting. | `any`                                                   | `undefined`       |
+| `direction`         | `direction`           | Forces the opening direction of the calendar modal to be always left or right. This setting can be useful when the input is smaller than the opening date picker would be as by default the picker always opens towards right.                        | `"left" \| "right"`                                     | `'right'`         |
+| `disabled`          | `disabled`            | Makes the date picker input component disabled. This prevents users from being able to interact with the input, and conveys its inactive state to assistive technologies.                                                                             | `boolean`                                               | `false`           |
+| `firstDayOfWeek`    | `first-day-of-week`   | Which day is considered first day of the week? `0` for Sunday, `1` for Monday, etc. Default is Monday.                                                                                                                                                | `any`                                                   | `undefined`       |
+| `helperText`        | `helper-text`         | (optional) Helper text                                                                                                                                                                                                                                | `string`                                                | `''`              |
+| `hideLabelVisually` | `hide-label-visually` | (optional) Visually hide the label (remains accessible to screen readers)                                                                                                                                                                             | `boolean`                                               | `false`           |
+| `identifier`        | `identifier`          | Adds a unique identifier for the date picker input. Use this instead of html `id` attribute.                                                                                                                                                          | `string`                                                | `undefined`       |
+| `innerRole`         | `inner-role`          | Defines a specific role attribute for the date picker input.                                                                                                                                                                                          | `string`                                                | `undefined`       |
+| `invalid`           | `invalid`             | (optional) invalid status                                                                                                                                                                                                                             | `boolean`                                               | `undefined`       |
+| `label`             | `label`               | (optional) Label                                                                                                                                                                                                                                      | `string`                                                | `''`              |
+| `localization`      | `localization`        | Button labels, day names, month names, etc, used for localization. Default is English.                                                                                                                                                                | `DuetLocalizedText & { today: string; }`                | `undefined`       |
+| `max`               | `max`                 | Maximum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD. This setting can be used alone or together with the min property.                                                                                                          | `string`                                                | `''`              |
+| `min`               | `min`                 | Minimum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD. This setting can be used alone or together with the max property.                                                                                                          | `string`                                                | `''`              |
+| `name`              | `name`                | Name of the date picker input.                                                                                                                                                                                                                        | `string`                                                | `'date'`          |
+| `placeholder`       | `placeholder`         | (optional) Input place holder                                                                                                                                                                                                                         | `string`                                                | `''`              |
+| `popupTitle`        | `popup-title`         | <span style="color:red">**[DEPRECATED]**</span> in v3 in favor of localization.calendarHeading<br/><br/>                                                                                                                                              | `string`                                                | `'Pick a date'`   |
+| `required`          | `required`            | Should the input be marked as required?                                                                                                                                                                                                               | `boolean`                                               | `false`           |
+| `size`              | `size`                | <span style="color:red">**[DEPRECATED]**</span> <br/><br/>                                                                                                                                                                                            | `string`                                                | `undefined`       |
+| `status`            | `status`              | <span style="color:red">**[DEPRECATED]**</span> - invalid should replace status<br/><br/>                                                                                                                                                             | `string`                                                | `''`              |
+| `styles`            | `styles`              | (optional) Injected CSS styles                                                                                                                                                                                                                        | `string`                                                | `undefined`       |
+| `value`             | `value`               | Date value. Must be in IS0-8601 format: YYYY-MM-DD.                                                                                                                                                                                                   | `string`                                                | `''`              |
+| `variant`           | `variant`             |                                                                                                                                                                                                                                                       | `"danger" \| "informational" \| "success" \| "warning"` | `'informational'` |
 
 
 ## Events
diff --git a/packages/components/src/components/textarea/readme.md b/packages/components/src/components/textarea/readme.md
index 5f79762783..3483312bd0 100644
--- a/packages/components/src/components/textarea/readme.md
+++ b/packages/components/src/components/textarea/readme.md
@@ -7,31 +7,32 @@
 
 ## Properties
 
-| Property         | Attribute         | Description                                                                                                      | Type                                                    | Default           |
-| ---------------- | ----------------- | ---------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------- | ----------------- |
-| `ariaDetailsId`  | `aria-details-id` | (optional) id or space separated list of ids of elements that provide or link to additional related information. | `string`                                                | `undefined`       |
-| `cols`           | `cols`            | (optional) textarea column                                                                                       | `number`                                                | `undefined`       |
-| `counter`        | `counter`         | (optional) Input counter                                                                                         | `boolean`                                               | `undefined`       |
-| `dataQa`         | `data-qa`         | (optional) data-qa attribute for e2e testing                                                                     | `string`                                                | `undefined`       |
-| `disabled`       | `disabled`        | (optional) Input disabled                                                                                        | `boolean`                                               | `undefined`       |
-| `helperText`     | `helper-text`     | (optional) Input helper text                                                                                     | `string`                                                | `''`              |
-| `inputAutofocus` | `input-autofocus` | (optional) the input should automatically get focus when the page loads.                                         | `boolean`                                               | `undefined`       |
-| `inputId`        | `input-id`        | (optional) Input checkbox id                                                                                     | `string`                                                | `undefined`       |
-| `invalid`        | `invalid`         | (optional) Input status                                                                                          | `boolean`                                               | `false`           |
-| `label`          | `label`           | (optional) Input label                                                                                           | `string`                                                | `''`              |
-| `maxLength`      | `max-length`      | (optional) Input max length                                                                                      | `number`                                                | `undefined`       |
-| `minLength`      | `min-length`      | (optional) Input min length                                                                                      | `number`                                                | `undefined`       |
-| `name`           | `name`            | (optional) Input name                                                                                            | `string`                                                | `''`              |
-| `placeholder`    | `placeholder`     | (optional) Input placeHolder                                                                                     | `string`                                                | `''`              |
-| `readonly`       | `readonly`        | (optional) Input readonly                                                                                        | `boolean`                                               | `undefined`       |
-| `required`       | `required`        | (optional) Input required                                                                                        | `boolean`                                               | `undefined`       |
-| `resize`         | `resize`          | (optional) textarea resize                                                                                       | `"horizontal" \| "none" \| "unset" \| "vertical"`       | `undefined`       |
-| `rows`           | `rows`            | (optional) textarea row                                                                                          | `number`                                                | `undefined`       |
-| `status`         | `status`          | <span style="color:red">**[DEPRECATED]**</span> - invalid should replace status<br/><br/>                        | `string`                                                | `''`              |
-| `styles`         | `styles`          | (optional) Injected CSS styles                                                                                   | `string`                                                | `undefined`       |
-| `transparent`    | `transparent`     | (optional) input background transparent                                                                          | `boolean`                                               | `undefined`       |
-| `value`          | `value`           | (optional) Input value                                                                                           | `number \| string`                                      | `''`              |
-| `variant`        | `variant`         | (optional) Variant                                                                                               | `"danger" \| "informational" \| "success" \| "warning"` | `'informational'` |
+| Property            | Attribute             | Description                                                                                                      | Type                                                    | Default           |
+| ------------------- | --------------------- | ---------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------- | ----------------- |
+| `ariaDetailsId`     | `aria-details-id`     | (optional) id or space separated list of ids of elements that provide or link to additional related information. | `string`                                                | `undefined`       |
+| `cols`              | `cols`                | (optional) textarea column                                                                                       | `number`                                                | `undefined`       |
+| `counter`           | `counter`             | (optional) Input counter                                                                                         | `boolean`                                               | `undefined`       |
+| `dataQa`            | `data-qa`             | (optional) data-qa attribute for e2e testing                                                                     | `string`                                                | `undefined`       |
+| `disabled`          | `disabled`            | (optional) Input disabled                                                                                        | `boolean`                                               | `undefined`       |
+| `helperText`        | `helper-text`         | (optional) Input helper text                                                                                     | `string`                                                | `''`              |
+| `hideLabelVisually` | `hide-label-visually` | (optional) Visually hide the label (remains accessible to screen readers)                                        | `boolean`                                               | `false`           |
+| `inputAutofocus`    | `input-autofocus`     | (optional) the input should automatically get focus when the page loads.                                         | `boolean`                                               | `undefined`       |
+| `inputId`           | `input-id`            | (optional) Input checkbox id                                                                                     | `string`                                                | `undefined`       |
+| `invalid`           | `invalid`             | (optional) Input status                                                                                          | `boolean`                                               | `false`           |
+| `label`             | `label`               | (optional) Input label                                                                                           | `string`                                                | `''`              |
+| `maxLength`         | `max-length`          | (optional) Input max length                                                                                      | `number`                                                | `undefined`       |
+| `minLength`         | `min-length`          | (optional) Input min length                                                                                      | `number`                                                | `undefined`       |
+| `name`              | `name`                | (optional) Input name                                                                                            | `string`                                                | `''`              |
+| `placeholder`       | `placeholder`         | (optional) Input placeHolder                                                                                     | `string`                                                | `''`              |
+| `readonly`          | `readonly`            | (optional) Input readonly                                                                                        | `boolean`                                               | `undefined`       |
+| `required`          | `required`            | (optional) Input required                                                                                        | `boolean`                                               | `undefined`       |
+| `resize`            | `resize`              | (optional) textarea resize                                                                                       | `"horizontal" \| "none" \| "unset" \| "vertical"`       | `undefined`       |
+| `rows`              | `rows`                | (optional) textarea row                                                                                          | `number`                                                | `undefined`       |
+| `status`            | `status`              | <span style="color:red">**[DEPRECATED]**</span> - invalid should replace status<br/><br/>                        | `string`                                                | `''`              |
+| `styles`            | `styles`              | (optional) Injected CSS styles                                                                                   | `string`                                                | `undefined`       |
+| `transparent`       | `transparent`         | (optional) input background transparent                                                                          | `boolean`                                               | `undefined`       |
+| `value`             | `value`               | (optional) Input value                                                                                           | `number \| string`                                      | `''`              |
+| `variant`           | `variant`             | (optional) Variant                                                                                               | `"danger" \| "informational" \| "success" \| "warning"` | `'informational'` |
 
 
 ## Events
diff --git a/packages/components/src/components/textarea/textarea.css b/packages/components/src/components/textarea/textarea.css
index bdda55a2f0..fad2289e82 100644
--- a/packages/components/src/components/textarea/textarea.css
+++ b/packages/components/src/components/textarea/textarea.css
@@ -207,3 +207,14 @@ scale-textarea {
   border-color: var(--border-color-disabled);
   background-color: var(--background-color-disabled);
 }
+.textarea__label--visually-hidden {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
diff --git a/packages/components/src/components/textarea/textarea.tsx b/packages/components/src/components/textarea/textarea.tsx
index 4bf896e787..af34495d7b 100644
--- a/packages/components/src/components/textarea/textarea.tsx
+++ b/packages/components/src/components/textarea/textarea.tsx
@@ -80,6 +80,8 @@ export class Textarea {
   @Prop() styles?: string;
   /** (optional) id or space separated list of ids of elements that provide or link to additional related information. */
   @Prop() ariaDetailsId?: string;
+  /** (optional) Visually hide the label (remains accessible to screen readers) */
+  @Prop() hideLabelVisually?: boolean = false;
 
   /** (optional) data-qa attribute for e2e testing */
   @Prop() dataQa?: string;
@@ -181,9 +183,16 @@ export class Textarea {
             }
           >
             {/* Accessibility: label should be always *before* the actual input */}
-            <label class="textarea__label" htmlFor={this.inputId}>
+            <label
+              class={classNames(
+                'textarea__label',
+                this.hideLabelVisually && 'textarea__label--visually-hidden'
+              )}
+              htmlFor={this.inputId}
+            >
               {this.label}
             </label>
+
             <textarea
               class="textarea__control"
               style={!!this.resize && { resize: this.resize }}