diff --git a/__snapshots__/input/component/chromium/DBInput-should-have-same-aria-snapshot.yaml b/__snapshots__/input/component/chromium/DBInput-should-have-same-aria-snapshot.yaml
index 339d19ce19b1..5b9e6b3133d0 100644
--- a/__snapshots__/input/component/chromium/DBInput-should-have-same-aria-snapshot.yaml
+++ b/__snapshots__/input/component/chromium/DBInput-should-have-same-aria-snapshot.yaml
@@ -1,3 +1,5 @@
 - text: Label
-- textbox "Label": Test
+- textbox "Label":
+  - /placeholder: " "
+  - text: Test
 - status
\ No newline at end of file
diff --git a/__snapshots__/input/component/firefox/DBInput-should-have-same-aria-snapshot.yaml b/__snapshots__/input/component/firefox/DBInput-should-have-same-aria-snapshot.yaml
index 339d19ce19b1..5b9e6b3133d0 100644
--- a/__snapshots__/input/component/firefox/DBInput-should-have-same-aria-snapshot.yaml
+++ b/__snapshots__/input/component/firefox/DBInput-should-have-same-aria-snapshot.yaml
@@ -1,3 +1,5 @@
 - text: Label
-- textbox "Label": Test
+- textbox "Label":
+  - /placeholder: " "
+  - text: Test
 - status
\ No newline at end of file
diff --git a/__snapshots__/input/component/mobile-chrome/DBInput-should-have-same-aria-snapshot.yaml b/__snapshots__/input/component/mobile-chrome/DBInput-should-have-same-aria-snapshot.yaml
index 339d19ce19b1..5b9e6b3133d0 100644
--- a/__snapshots__/input/component/mobile-chrome/DBInput-should-have-same-aria-snapshot.yaml
+++ b/__snapshots__/input/component/mobile-chrome/DBInput-should-have-same-aria-snapshot.yaml
@@ -1,3 +1,5 @@
 - text: Label
-- textbox "Label": Test
+- textbox "Label":
+  - /placeholder: " "
+  - text: Test
 - status
\ No newline at end of file
diff --git a/__snapshots__/input/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml b/__snapshots__/input/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml
index 2978d09f78b9..162dc68f8a03 100644
--- a/__snapshots__/input/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml
+++ b/__snapshots__/input/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml
@@ -2,194 +2,250 @@
   - heading "DBInput" [level=1]
   - link "Density"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Functional
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) Regular
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Expressive
   - status
   - link "Variant"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) Above
   - status
   - text: Label
-  - textbox "Label": Floating
+  - textbox "Label":
+    - /placeholder: Floating
+    - text: Floating
   - status
   - link "Show Label"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) True
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: "False"
   - status
   - link "Show Message"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) False
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: "True"
   - text: Message
   - status
   - link "State"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) Empty
   - status
   - text: Label
-  - textbox "Label": Filled
+  - textbox "Label":
+    - /placeholder: Filled
+    - text: Filled
   - status
   - link "Disabled"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) False
   - status
   - text: Label
-  - textbox "Label" [disabled]
+  - textbox "Label" [disabled]:
+    - /placeholder: "True"
   - status
   - link "Readonly"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) False
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: "True"
   - status
   - link "Validation"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) No validation
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Invalid
   - text: Invalid Message
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Valid
   - text: Valid message
   - status
   - link "Required"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) False
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: "True"
   - status
   - link "Show Required Asterisk"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) True
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: "False"
   - status
   - link "Show Icon Leading"
   - text: "False"
-  - textbox "False"
+  - textbox "False":
+    - /placeholder: (Default) False
   - status
   - text: "True"
   - textbox "True"
   - status
   - link "Show Icon Leading + Trailing"
   - text: "False"
-  - textbox "False"
+  - textbox "False":
+    - /placeholder: (Default) False
   - status
   - text: "True"
   - textbox "True"
   - status
   - link "Show Icon Trailing"
   - text: "False"
-  - textbox "False"
+  - textbox "False":
+    - /placeholder: (Default) False
   - status
   - text: "True"
   - textbox "True"
   - status
   - link "Example - Length"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: MinLength
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: MaxLength
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: MinMaxLength
   - status
   - link "Example - Types with min and max"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) Text
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Password
   - status
   - text: Label
   - searchbox "Label"
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: E-Mail
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Tel
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: URL
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Date
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Datetime Local
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Month
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Time
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Week
   - status
   - link "Example Floating Label"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) Empty
   - status
   - text: Label
-  - textbox "Label": Filled
+  - textbox "Label":
+    - /placeholder: Filled
+    - text: Filled
   - status
   - text: Label
-  - textbox "Label" [disabled]
+  - textbox "Label" [disabled]:
+    - /placeholder: Disabled
   - status
   - text: Label
-  - textbox "Label": Readonly - Filled
+  - textbox "Label":
+    - /placeholder: Readonly - Filled
+    - text: Readonly - Filled
   - status
   - link "Example - Types - Floating Label"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) Text
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Password
   - status
   - text: Label
   - searchbox "Label"
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: E-Mail
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Tel
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: URL
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Date
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Datetime Local
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Month
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Time
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Week
   - status
   - text: Label
   - combobox "Label"
diff --git a/__snapshots__/input/showcase/chromium/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml b/__snapshots__/input/showcase/chromium/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml
index 2978d09f78b9..162dc68f8a03 100644
--- a/__snapshots__/input/showcase/chromium/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml
+++ b/__snapshots__/input/showcase/chromium/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml
@@ -2,194 +2,250 @@
   - heading "DBInput" [level=1]
   - link "Density"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Functional
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) Regular
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Expressive
   - status
   - link "Variant"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) Above
   - status
   - text: Label
-  - textbox "Label": Floating
+  - textbox "Label":
+    - /placeholder: Floating
+    - text: Floating
   - status
   - link "Show Label"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) True
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: "False"
   - status
   - link "Show Message"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) False
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: "True"
   - text: Message
   - status
   - link "State"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) Empty
   - status
   - text: Label
-  - textbox "Label": Filled
+  - textbox "Label":
+    - /placeholder: Filled
+    - text: Filled
   - status
   - link "Disabled"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) False
   - status
   - text: Label
-  - textbox "Label" [disabled]
+  - textbox "Label" [disabled]:
+    - /placeholder: "True"
   - status
   - link "Readonly"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) False
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: "True"
   - status
   - link "Validation"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) No validation
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Invalid
   - text: Invalid Message
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Valid
   - text: Valid message
   - status
   - link "Required"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) False
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: "True"
   - status
   - link "Show Required Asterisk"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) True
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: "False"
   - status
   - link "Show Icon Leading"
   - text: "False"
-  - textbox "False"
+  - textbox "False":
+    - /placeholder: (Default) False
   - status
   - text: "True"
   - textbox "True"
   - status
   - link "Show Icon Leading + Trailing"
   - text: "False"
-  - textbox "False"
+  - textbox "False":
+    - /placeholder: (Default) False
   - status
   - text: "True"
   - textbox "True"
   - status
   - link "Show Icon Trailing"
   - text: "False"
-  - textbox "False"
+  - textbox "False":
+    - /placeholder: (Default) False
   - status
   - text: "True"
   - textbox "True"
   - status
   - link "Example - Length"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: MinLength
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: MaxLength
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: MinMaxLength
   - status
   - link "Example - Types with min and max"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) Text
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Password
   - status
   - text: Label
   - searchbox "Label"
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: E-Mail
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Tel
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: URL
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Date
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Datetime Local
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Month
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Time
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Week
   - status
   - link "Example Floating Label"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) Empty
   - status
   - text: Label
-  - textbox "Label": Filled
+  - textbox "Label":
+    - /placeholder: Filled
+    - text: Filled
   - status
   - text: Label
-  - textbox "Label" [disabled]
+  - textbox "Label" [disabled]:
+    - /placeholder: Disabled
   - status
   - text: Label
-  - textbox "Label": Readonly - Filled
+  - textbox "Label":
+    - /placeholder: Readonly - Filled
+    - text: Readonly - Filled
   - status
   - link "Example - Types - Floating Label"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) Text
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Password
   - status
   - text: Label
   - searchbox "Label"
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: E-Mail
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Tel
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: URL
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Date
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Datetime Local
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Month
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Time
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Week
   - status
   - text: Label
   - combobox "Label"
diff --git a/__snapshots__/input/showcase/firefox/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml b/__snapshots__/input/showcase/firefox/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml
index 2978d09f78b9..162dc68f8a03 100644
--- a/__snapshots__/input/showcase/firefox/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml
+++ b/__snapshots__/input/showcase/firefox/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml
@@ -2,194 +2,250 @@
   - heading "DBInput" [level=1]
   - link "Density"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Functional
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) Regular
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Expressive
   - status
   - link "Variant"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) Above
   - status
   - text: Label
-  - textbox "Label": Floating
+  - textbox "Label":
+    - /placeholder: Floating
+    - text: Floating
   - status
   - link "Show Label"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) True
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: "False"
   - status
   - link "Show Message"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) False
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: "True"
   - text: Message
   - status
   - link "State"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) Empty
   - status
   - text: Label
-  - textbox "Label": Filled
+  - textbox "Label":
+    - /placeholder: Filled
+    - text: Filled
   - status
   - link "Disabled"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) False
   - status
   - text: Label
-  - textbox "Label" [disabled]
+  - textbox "Label" [disabled]:
+    - /placeholder: "True"
   - status
   - link "Readonly"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) False
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: "True"
   - status
   - link "Validation"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) No validation
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Invalid
   - text: Invalid Message
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Valid
   - text: Valid message
   - status
   - link "Required"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) False
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: "True"
   - status
   - link "Show Required Asterisk"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) True
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: "False"
   - status
   - link "Show Icon Leading"
   - text: "False"
-  - textbox "False"
+  - textbox "False":
+    - /placeholder: (Default) False
   - status
   - text: "True"
   - textbox "True"
   - status
   - link "Show Icon Leading + Trailing"
   - text: "False"
-  - textbox "False"
+  - textbox "False":
+    - /placeholder: (Default) False
   - status
   - text: "True"
   - textbox "True"
   - status
   - link "Show Icon Trailing"
   - text: "False"
-  - textbox "False"
+  - textbox "False":
+    - /placeholder: (Default) False
   - status
   - text: "True"
   - textbox "True"
   - status
   - link "Example - Length"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: MinLength
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: MaxLength
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: MinMaxLength
   - status
   - link "Example - Types with min and max"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) Text
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Password
   - status
   - text: Label
   - searchbox "Label"
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: E-Mail
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Tel
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: URL
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Date
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Datetime Local
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Month
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Time
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Week
   - status
   - link "Example Floating Label"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) Empty
   - status
   - text: Label
-  - textbox "Label": Filled
+  - textbox "Label":
+    - /placeholder: Filled
+    - text: Filled
   - status
   - text: Label
-  - textbox "Label" [disabled]
+  - textbox "Label" [disabled]:
+    - /placeholder: Disabled
   - status
   - text: Label
-  - textbox "Label": Readonly - Filled
+  - textbox "Label":
+    - /placeholder: Readonly - Filled
+    - text: Readonly - Filled
   - status
   - link "Example - Types - Floating Label"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) Text
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Password
   - status
   - text: Label
   - searchbox "Label"
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: E-Mail
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Tel
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: URL
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Date
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Datetime Local
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Month
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Time
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Week
   - status
   - text: Label
   - combobox "Label"
diff --git a/__snapshots__/input/showcase/mobile-chrome/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml b/__snapshots__/input/showcase/mobile-chrome/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml
index 2978d09f78b9..162dc68f8a03 100644
--- a/__snapshots__/input/showcase/mobile-chrome/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml
+++ b/__snapshots__/input/showcase/mobile-chrome/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml
@@ -2,194 +2,250 @@
   - heading "DBInput" [level=1]
   - link "Density"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Functional
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) Regular
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Expressive
   - status
   - link "Variant"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) Above
   - status
   - text: Label
-  - textbox "Label": Floating
+  - textbox "Label":
+    - /placeholder: Floating
+    - text: Floating
   - status
   - link "Show Label"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) True
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: "False"
   - status
   - link "Show Message"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) False
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: "True"
   - text: Message
   - status
   - link "State"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) Empty
   - status
   - text: Label
-  - textbox "Label": Filled
+  - textbox "Label":
+    - /placeholder: Filled
+    - text: Filled
   - status
   - link "Disabled"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) False
   - status
   - text: Label
-  - textbox "Label" [disabled]
+  - textbox "Label" [disabled]:
+    - /placeholder: "True"
   - status
   - link "Readonly"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) False
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: "True"
   - status
   - link "Validation"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) No validation
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Invalid
   - text: Invalid Message
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Valid
   - text: Valid message
   - status
   - link "Required"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) False
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: "True"
   - status
   - link "Show Required Asterisk"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) True
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: "False"
   - status
   - link "Show Icon Leading"
   - text: "False"
-  - textbox "False"
+  - textbox "False":
+    - /placeholder: (Default) False
   - status
   - text: "True"
   - textbox "True"
   - status
   - link "Show Icon Leading + Trailing"
   - text: "False"
-  - textbox "False"
+  - textbox "False":
+    - /placeholder: (Default) False
   - status
   - text: "True"
   - textbox "True"
   - status
   - link "Show Icon Trailing"
   - text: "False"
-  - textbox "False"
+  - textbox "False":
+    - /placeholder: (Default) False
   - status
   - text: "True"
   - textbox "True"
   - status
   - link "Example - Length"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: MinLength
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: MaxLength
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: MinMaxLength
   - status
   - link "Example - Types with min and max"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) Text
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Password
   - status
   - text: Label
   - searchbox "Label"
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: E-Mail
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Tel
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: URL
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Date
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Datetime Local
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Month
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Time
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Week
   - status
   - link "Example Floating Label"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) Empty
   - status
   - text: Label
-  - textbox "Label": Filled
+  - textbox "Label":
+    - /placeholder: Filled
+    - text: Filled
   - status
   - text: Label
-  - textbox "Label" [disabled]
+  - textbox "Label" [disabled]:
+    - /placeholder: Disabled
   - status
   - text: Label
-  - textbox "Label": Readonly - Filled
+  - textbox "Label":
+    - /placeholder: Readonly - Filled
+    - text: Readonly - Filled
   - status
   - link "Example - Types - Floating Label"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) Text
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Password
   - status
   - text: Label
   - searchbox "Label"
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: E-Mail
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Tel
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: URL
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Date
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Datetime Local
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Month
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Time
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Week
   - status
   - text: Label
   - combobox "Label"
diff --git a/__snapshots__/input/showcase/mobile-safari/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml b/__snapshots__/input/showcase/mobile-safari/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml
index 2978d09f78b9..162dc68f8a03 100644
--- a/__snapshots__/input/showcase/mobile-safari/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml
+++ b/__snapshots__/input/showcase/mobile-safari/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml
@@ -2,194 +2,250 @@
   - heading "DBInput" [level=1]
   - link "Density"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Functional
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) Regular
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Expressive
   - status
   - link "Variant"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) Above
   - status
   - text: Label
-  - textbox "Label": Floating
+  - textbox "Label":
+    - /placeholder: Floating
+    - text: Floating
   - status
   - link "Show Label"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) True
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: "False"
   - status
   - link "Show Message"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) False
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: "True"
   - text: Message
   - status
   - link "State"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) Empty
   - status
   - text: Label
-  - textbox "Label": Filled
+  - textbox "Label":
+    - /placeholder: Filled
+    - text: Filled
   - status
   - link "Disabled"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) False
   - status
   - text: Label
-  - textbox "Label" [disabled]
+  - textbox "Label" [disabled]:
+    - /placeholder: "True"
   - status
   - link "Readonly"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) False
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: "True"
   - status
   - link "Validation"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) No validation
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Invalid
   - text: Invalid Message
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Valid
   - text: Valid message
   - status
   - link "Required"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) False
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: "True"
   - status
   - link "Show Required Asterisk"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) True
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: "False"
   - status
   - link "Show Icon Leading"
   - text: "False"
-  - textbox "False"
+  - textbox "False":
+    - /placeholder: (Default) False
   - status
   - text: "True"
   - textbox "True"
   - status
   - link "Show Icon Leading + Trailing"
   - text: "False"
-  - textbox "False"
+  - textbox "False":
+    - /placeholder: (Default) False
   - status
   - text: "True"
   - textbox "True"
   - status
   - link "Show Icon Trailing"
   - text: "False"
-  - textbox "False"
+  - textbox "False":
+    - /placeholder: (Default) False
   - status
   - text: "True"
   - textbox "True"
   - status
   - link "Example - Length"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: MinLength
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: MaxLength
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: MinMaxLength
   - status
   - link "Example - Types with min and max"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) Text
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Password
   - status
   - text: Label
   - searchbox "Label"
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: E-Mail
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Tel
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: URL
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Date
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Datetime Local
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Month
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Time
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Week
   - status
   - link "Example Floating Label"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) Empty
   - status
   - text: Label
-  - textbox "Label": Filled
+  - textbox "Label":
+    - /placeholder: Filled
+    - text: Filled
   - status
   - text: Label
-  - textbox "Label" [disabled]
+  - textbox "Label" [disabled]:
+    - /placeholder: Disabled
   - status
   - text: Label
-  - textbox "Label": Readonly - Filled
+  - textbox "Label":
+    - /placeholder: Readonly - Filled
+    - text: Readonly - Filled
   - status
   - link "Example - Types - Floating Label"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) Text
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Password
   - status
   - text: Label
   - searchbox "Label"
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: E-Mail
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Tel
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: URL
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Date
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Datetime Local
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Month
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Time
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Week
   - status
   - text: Label
   - combobox "Label"
diff --git a/__snapshots__/input/showcase/webkit/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml b/__snapshots__/input/showcase/webkit/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml
index 2978d09f78b9..162dc68f8a03 100644
--- a/__snapshots__/input/showcase/webkit/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml
+++ b/__snapshots__/input/showcase/webkit/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml
@@ -2,194 +2,250 @@
   - heading "DBInput" [level=1]
   - link "Density"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Functional
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) Regular
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Expressive
   - status
   - link "Variant"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) Above
   - status
   - text: Label
-  - textbox "Label": Floating
+  - textbox "Label":
+    - /placeholder: Floating
+    - text: Floating
   - status
   - link "Show Label"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) True
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: "False"
   - status
   - link "Show Message"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) False
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: "True"
   - text: Message
   - status
   - link "State"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) Empty
   - status
   - text: Label
-  - textbox "Label": Filled
+  - textbox "Label":
+    - /placeholder: Filled
+    - text: Filled
   - status
   - link "Disabled"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) False
   - status
   - text: Label
-  - textbox "Label" [disabled]
+  - textbox "Label" [disabled]:
+    - /placeholder: "True"
   - status
   - link "Readonly"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) False
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: "True"
   - status
   - link "Validation"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) No validation
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Invalid
   - text: Invalid Message
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Valid
   - text: Valid message
   - status
   - link "Required"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) False
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: "True"
   - status
   - link "Show Required Asterisk"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) True
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: "False"
   - status
   - link "Show Icon Leading"
   - text: "False"
-  - textbox "False"
+  - textbox "False":
+    - /placeholder: (Default) False
   - status
   - text: "True"
   - textbox "True"
   - status
   - link "Show Icon Leading + Trailing"
   - text: "False"
-  - textbox "False"
+  - textbox "False":
+    - /placeholder: (Default) False
   - status
   - text: "True"
   - textbox "True"
   - status
   - link "Show Icon Trailing"
   - text: "False"
-  - textbox "False"
+  - textbox "False":
+    - /placeholder: (Default) False
   - status
   - text: "True"
   - textbox "True"
   - status
   - link "Example - Length"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: MinLength
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: MaxLength
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: MinMaxLength
   - status
   - link "Example - Types with min and max"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) Text
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Password
   - status
   - text: Label
   - searchbox "Label"
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: E-Mail
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Tel
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: URL
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Date
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Datetime Local
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Month
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Time
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Week
   - status
   - link "Example Floating Label"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) Empty
   - status
   - text: Label
-  - textbox "Label": Filled
+  - textbox "Label":
+    - /placeholder: Filled
+    - text: Filled
   - status
   - text: Label
-  - textbox "Label" [disabled]
+  - textbox "Label" [disabled]:
+    - /placeholder: Disabled
   - status
   - text: Label
-  - textbox "Label": Readonly - Filled
+  - textbox "Label":
+    - /placeholder: Readonly - Filled
+    - text: Readonly - Filled
   - status
   - link "Example - Types - Floating Label"
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: (Default) Text
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Password
   - status
   - text: Label
   - searchbox "Label"
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: E-Mail
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Tel
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: URL
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Date
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Datetime Local
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Month
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Time
   - status
   - text: Label
-  - textbox "Label"
+  - textbox "Label":
+    - /placeholder: Week
   - status
   - text: Label
   - combobox "Label"
diff --git a/__snapshots__/textarea/component/chromium/DBTextarea-should-have-same-aria-snapshot.yaml b/__snapshots__/textarea/component/chromium/DBTextarea-should-have-same-aria-snapshot.yaml
index 339d19ce19b1..5b9e6b3133d0 100644
--- a/__snapshots__/textarea/component/chromium/DBTextarea-should-have-same-aria-snapshot.yaml
+++ b/__snapshots__/textarea/component/chromium/DBTextarea-should-have-same-aria-snapshot.yaml
@@ -1,3 +1,5 @@
 - text: Label
-- textbox "Label": Test
+- textbox "Label":
+  - /placeholder: " "
+  - text: Test
 - status
\ No newline at end of file
diff --git a/__snapshots__/textarea/component/firefox/DBTextarea-should-have-same-aria-snapshot.yaml b/__snapshots__/textarea/component/firefox/DBTextarea-should-have-same-aria-snapshot.yaml
index 339d19ce19b1..5b9e6b3133d0 100644
--- a/__snapshots__/textarea/component/firefox/DBTextarea-should-have-same-aria-snapshot.yaml
+++ b/__snapshots__/textarea/component/firefox/DBTextarea-should-have-same-aria-snapshot.yaml
@@ -1,3 +1,5 @@
 - text: Label
-- textbox "Label": Test
+- textbox "Label":
+  - /placeholder: " "
+  - text: Test
 - status
\ No newline at end of file
diff --git a/__snapshots__/textarea/component/mobile-chrome/DBTextarea-should-have-same-aria-snapshot.yaml b/__snapshots__/textarea/component/mobile-chrome/DBTextarea-should-have-same-aria-snapshot.yaml
index 339d19ce19b1..5b9e6b3133d0 100644
--- a/__snapshots__/textarea/component/mobile-chrome/DBTextarea-should-have-same-aria-snapshot.yaml
+++ b/__snapshots__/textarea/component/mobile-chrome/DBTextarea-should-have-same-aria-snapshot.yaml
@@ -1,3 +1,5 @@
 - text: Label
-- textbox "Label": Test
+- textbox "Label":
+  - /placeholder: " "
+  - text: Test
 - status
\ No newline at end of file
diff --git a/e2e/package.json b/e2e/package.json
index 0b29917d4305..b7ae89b99d74 100644
--- a/e2e/package.json
+++ b/e2e/package.json
@@ -29,7 +29,7 @@
     "test:vue-showcase": "npm run test:e2e --workspace=vue-showcase"
   },
   "devDependencies": {
-    "@playwright/test": "1.55.1",
+    "@playwright/test": "1.56.0",
     "cpr": "3.0.1",
     "cross-env": "10.1.0",
     "dotenv": "17.2.3",
diff --git a/output/react/package.json b/output/react/package.json
index ace2e2f25057..c85e7897004f 100644
--- a/output/react/package.json
+++ b/output/react/package.json
@@ -31,7 +31,7 @@
     "tsc": "tsc --project . --sourceMap false"
   },
   "devDependencies": {
-    "@playwright/experimental-ct-react": "1.55.1",
+    "@playwright/experimental-ct-react": "1.56.0",
     "@types/react": "18.3.13",
     "react": "18.3.1",
     "react-dom": "18.3.1"
diff --git a/output/vue/package.json b/output/vue/package.json
index fe36c5daa3a0..df95ecce1a6c 100644
--- a/output/vue/package.json
+++ b/output/vue/package.json
@@ -41,7 +41,7 @@
     "test:components:ui": "playwright test --config playwright.config.ts --ui"
   },
   "devDependencies": {
-    "@playwright/experimental-ct-vue": "1.55.1",
+    "@playwright/experimental-ct-vue": "1.56.0",
     "@vitejs/plugin-vue": "6.0.1",
     "replace-in-file": "8.3.0",
     "tsx": "4.20.6",
diff --git a/package-lock.json b/package-lock.json
index e0d0e1ad0035..6a7f343e911f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -46,10 +46,10 @@
         "@guidepup/playwright": "0.14.2",
         "@guidepup/record": "0.1.0",
         "@guidepup/setup": "0.19.3",
-        "@playwright/experimental-ct-core": "1.55.1",
-        "@playwright/experimental-ct-react": "1.55.1",
-        "@playwright/experimental-ct-vue": "1.55.1",
-        "@playwright/test": "1.55.1",
+        "@playwright/experimental-ct-core": "1.56.0",
+        "@playwright/experimental-ct-react": "1.56.0",
+        "@playwright/experimental-ct-vue": "1.56.0",
+        "@playwright/test": "1.56.0",
         "accessibility-checker": "4.0.9",
         "adm-zip": "0.5.16",
         "commander": "14.0.1",
@@ -71,8 +71,8 @@
         "ng-packagr": "20.3.0",
         "npm-package-json-lint": "9.0.0",
         "npm-run-all2": "8.0.4",
-        "playwright": "1.55.1",
-        "playwright-core": "1.55.1",
+        "playwright": "1.56.0",
+        "playwright-core": "1.56.0",
         "postcss": "8.5.6",
         "postcss-cli": "11.0.1",
         "prettier": "3.6.2",
@@ -114,7 +114,7 @@
         "output/*"
       ],
       "devDependencies": {
-        "@playwright/test": "1.55.1",
+        "@playwright/test": "1.56.0",
         "cpr": "3.0.1",
         "cross-env": "10.1.0",
         "dotenv": "17.2.3",
@@ -13375,15 +13375,15 @@
       }
     },
     "node_modules/@playwright/experimental-ct-core": {
-      "version": "1.55.1",
-      "resolved": "https://registry.npmjs.org/@playwright/experimental-ct-core/-/experimental-ct-core-1.55.1.tgz",
-      "integrity": "sha512-Mhdmx3CDlOYi4Nr8N4bzaqhjmdcl+SKdsKWznN6TWZCFZDMZARyZ3Vp5IIS3AAoymzMCcG6bRsKicA79eUBLKA==",
+      "version": "1.56.0",
+      "resolved": "https://registry.npmjs.org/@playwright/experimental-ct-core/-/experimental-ct-core-1.56.0.tgz",
+      "integrity": "sha512-44mzgvnx+PMmEM3N16WlEEPe2uszyQr9LCFT04Sk1vmylVEs6X6esLKuq2acybwEqkMBBI0NO4NSRCudpNnd6Q==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "playwright": "1.55.1",
-        "playwright-core": "1.55.1",
-        "vite": "^6.3.4"
+        "playwright": "1.56.0",
+        "playwright-core": "1.56.0",
+        "vite": "^6.3.6"
       },
       "engines": {
         "node": ">=18"
@@ -13465,13 +13465,13 @@
       }
     },
     "node_modules/@playwright/experimental-ct-react": {
-      "version": "1.55.1",
-      "resolved": "https://registry.npmjs.org/@playwright/experimental-ct-react/-/experimental-ct-react-1.55.1.tgz",
-      "integrity": "sha512-q+qH/J99iV6+99oVT417AA8KsYp3lwxsnxZrLZjIwkEC5+G28QCkr7+UYAOZoNPzelGqHFMLhYMvc6mXuREa2w==",
+      "version": "1.56.0",
+      "resolved": "https://registry.npmjs.org/@playwright/experimental-ct-react/-/experimental-ct-react-1.56.0.tgz",
+      "integrity": "sha512-gjhznh0oVL8ISI40KW0d2CxpZWgb84CleP8jpBeZCqqNFoItGbEIjuoJ8Ut1qgECuMLGmpseVeIxwRlk+lf9Bw==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@playwright/experimental-ct-core": "1.55.1",
+        "@playwright/experimental-ct-core": "1.56.0",
         "@vitejs/plugin-react": "^4.2.1"
       },
       "bin": {
@@ -13510,13 +13510,13 @@
       }
     },
     "node_modules/@playwright/experimental-ct-vue": {
-      "version": "1.55.1",
-      "resolved": "https://registry.npmjs.org/@playwright/experimental-ct-vue/-/experimental-ct-vue-1.55.1.tgz",
-      "integrity": "sha512-e2wZY7177xw37YT+X4UWN2129niRhdF43bHo3G6jWzEyNgp1NwMbMk71uhO+G3CqfQF+3D07vb6ah9hZUHZG4A==",
+      "version": "1.56.0",
+      "resolved": "https://registry.npmjs.org/@playwright/experimental-ct-vue/-/experimental-ct-vue-1.56.0.tgz",
+      "integrity": "sha512-oBfOptdefg9XG9Kp49EKpVAnzj9OLlWnbwaVy5XODxF8gobPTz+PtKyBkZ6JVeF+FoAIo+jZwgWPsfFggXzgyA==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@playwright/experimental-ct-core": "1.55.1",
+        "@playwright/experimental-ct-core": "1.56.0",
         "@vitejs/plugin-vue": "^5.2.0"
       },
       "bin": {
@@ -13617,13 +13617,13 @@
       }
     },
     "node_modules/@playwright/test": {
-      "version": "1.55.1",
-      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.55.1.tgz",
-      "integrity": "sha512-IVAh/nOJaw6W9g+RJVlIQJ6gSiER+ae6mKQ5CX1bERzQgbC1VSeBlwdvczT7pxb0GWiyrxH4TGKbMfDb4Sq/ig==",
+      "version": "1.56.0",
+      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.56.0.tgz",
+      "integrity": "sha512-Tzh95Twig7hUwwNe381/K3PggZBZblKUe2wv25oIpzWLr6Z0m4KgV1ZVIjnR6GM9ANEqjZD7XsZEa6JL/7YEgg==",
       "devOptional": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "playwright": "1.55.1"
+        "playwright": "1.56.0"
       },
       "bin": {
         "playwright": "cli.js"
@@ -38583,13 +38583,13 @@
       }
     },
     "node_modules/playwright": {
-      "version": "1.55.1",
-      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.55.1.tgz",
-      "integrity": "sha512-cJW4Xd/G3v5ovXtJJ52MAOclqeac9S/aGGgRzLabuF8TnIb6xHvMzKIa6JmrRzUkeXJgfL1MhukP0NK6l39h3A==",
+      "version": "1.56.0",
+      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.56.0.tgz",
+      "integrity": "sha512-X5Q1b8lOdWIE4KAoHpW3SE8HvUB+ZZsUoN64ZhjnN8dOb1UpujxBtENGiZFE+9F/yhzJwYa+ca3u43FeLbboHA==",
       "devOptional": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "playwright-core": "1.55.1"
+        "playwright-core": "1.56.0"
       },
       "bin": {
         "playwright": "cli.js"
@@ -38602,9 +38602,9 @@
       }
     },
     "node_modules/playwright-core": {
-      "version": "1.55.1",
-      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.55.1.tgz",
-      "integrity": "sha512-Z6Mh9mkwX+zxSlHqdr5AOcJnfp+xUWLCt9uKV18fhzA8eyxUd8NUWzAjxUh55RZKSYwDGX0cfaySdhZJGMoJ+w==",
+      "version": "1.56.0",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.56.0.tgz",
+      "integrity": "sha512-1SXl7pMfemAMSDn5rkPeZljxOCYAmQnYLBTExuh6E8USHXGSX3dx6lYZN/xPpTz1vimXmPA9CDnILvmJaB8aSQ==",
       "devOptional": true,
       "license": "Apache-2.0",
       "bin": {
@@ -50905,7 +50905,7 @@
         "@db-ux/core-foundations": "4.0.1"
       },
       "devDependencies": {
-        "@playwright/experimental-ct-react": "1.55.1",
+        "@playwright/experimental-ct-react": "1.56.0",
         "@types/react": "18.3.13",
         "react": "18.3.1",
         "react-dom": "18.3.1"
@@ -50937,7 +50937,7 @@
         "@db-ux/core-foundations": "4.0.1"
       },
       "devDependencies": {
-        "@playwright/experimental-ct-vue": "1.55.1",
+        "@playwright/experimental-ct-vue": "1.56.0",
         "@vitejs/plugin-vue": "6.0.1",
         "replace-in-file": "8.3.0",
         "tsx": "4.20.6",
@@ -51012,7 +51012,7 @@
       "devDependencies": {
         "@csstools/normalize.css": "12.1.1",
         "@db-ux/icon-font-tools": "0.3.4",
-        "@playwright/test": "1.55.1",
+        "@playwright/test": "1.56.0",
         "cpr": "3.0.1",
         "cssnano": "7.1.1",
         "dotenv": "17.2.3",
diff --git a/package.json b/package.json
index 88d1a412acbb..6e072fb87e28 100644
--- a/package.json
+++ b/package.json
@@ -106,10 +106,10 @@
     "@guidepup/playwright": "0.14.2",
     "@guidepup/record": "0.1.0",
     "@guidepup/setup": "0.19.3",
-    "@playwright/experimental-ct-core": "1.55.1",
-    "@playwright/experimental-ct-react": "1.55.1",
-    "@playwright/experimental-ct-vue": "1.55.1",
-    "@playwright/test": "1.55.1",
+    "@playwright/experimental-ct-core": "1.56.0",
+    "@playwright/experimental-ct-react": "1.56.0",
+    "@playwright/experimental-ct-vue": "1.56.0",
+    "@playwright/test": "1.56.0",
     "accessibility-checker": "4.0.9",
     "adm-zip": "0.5.16",
     "commander": "14.0.1",
@@ -131,8 +131,8 @@
     "ng-packagr": "20.3.0",
     "npm-package-json-lint": "9.0.0",
     "npm-run-all2": "8.0.4",
-    "playwright": "1.55.1",
-    "playwright-core": "1.55.1",
+    "playwright": "1.56.0",
+    "playwright-core": "1.56.0",
     "postcss": "8.5.6",
     "postcss-cli": "11.0.1",
     "prettier": "3.6.2",
diff --git a/packages/foundations/package.json b/packages/foundations/package.json
index da448e9d15e2..fa942b355877 100644
--- a/packages/foundations/package.json
+++ b/packages/foundations/package.json
@@ -53,7 +53,7 @@
   "devDependencies": {
     "@csstools/normalize.css": "12.1.1",
     "@db-ux/icon-font-tools": "0.3.4",
-    "@playwright/test": "1.55.1",
+    "@playwright/test": "1.56.0",
     "cpr": "3.0.1",
     "cssnano": "7.1.1",
     "dotenv": "17.2.3",