diff --git a/packages/calcite-components/src/components/combobox/combobox.tsx b/packages/calcite-components/src/components/combobox/combobox.tsx
index 4ed82076997..448794d32c3 100644
--- a/packages/calcite-components/src/components/combobox/combobox.tsx
+++ b/packages/calcite-components/src/components/combobox/combobox.tsx
@@ -71,7 +71,7 @@ import { Validation } from "../functional/Validation";
 import { IconNameOrString } from "../icon/interfaces";
 import { ComboboxMessages } from "./assets/combobox/t9n";
 import { ComboboxChildElement, SelectionDisplay } from "./interfaces";
-import { ComboboxChildSelector, ComboboxItem, ComboboxItemGroup, CSS } from "./resources";
+import { ComboboxChildSelector, ComboboxItem, ComboboxItemGroup, CSS, IDS } from "./resources";
 import {
   getItemAncestors,
   getItemChildren,
@@ -1634,8 +1634,10 @@ export class Combobox
           aria-activedescendant={this.activeDescendant}
           aria-autocomplete="list"
           aria-controls={`${listboxUidPrefix}${guid}`}
+          aria-errormessage={IDS.validationMessage}
           aria-expanded={toAriaBoolean(open)}
           aria-haspopup="listbox"
+          aria-invalid={this.status === "invalid"}
           aria-label={getLabelText(this)}
           aria-owns={`${listboxUidPrefix}${guid}`}
           class={{
@@ -1811,6 +1813,7 @@ export class Combobox
           {this.validationMessage && this.status === "invalid" ? (
             <Validation
               icon={this.validationIcon}
+              id={IDS.validationMessage}
               message={this.validationMessage}
               scale={this.scale}
               status={this.status}
diff --git a/packages/calcite-components/src/components/combobox/resources.ts b/packages/calcite-components/src/components/combobox/resources.ts
index a0cfa09c70b..6786eae9d78 100644
--- a/packages/calcite-components/src/components/combobox/resources.ts
+++ b/packages/calcite-components/src/components/combobox/resources.ts
@@ -12,3 +12,7 @@ export const CSS = {
   placeholderIcon: "placeholder-icon",
   selectedIcon: "selected-icon",
 };
+
+export const IDS = {
+  validationMessage: "comboboxValidationMessage",
+};
diff --git a/packages/calcite-components/src/components/functional/Validation.tsx b/packages/calcite-components/src/components/functional/Validation.tsx
index 60bb44177f0..05d8b53636c 100644
--- a/packages/calcite-components/src/components/functional/Validation.tsx
+++ b/packages/calcite-components/src/components/functional/Validation.tsx
@@ -7,6 +7,7 @@ interface ValidationProps extends JSXBase.HTMLAttributes {
   scale: Scale;
   status: Status;
   icon?: IconNameOrString | boolean;
+  id?: string;
   message: string;
 }
 
@@ -17,11 +18,12 @@ export const CSS = {
 export const Validation: FunctionalComponent<ValidationProps> = ({
   scale,
   status,
+  id,
   icon,
   message,
 }) => (
   <div class={CSS.validationContainer}>
-    <calcite-input-message icon={icon} scale={scale} status={status}>
+    <calcite-input-message aria-live="polite" icon={icon} id={id} scale={scale} status={status}>
       {message}
     </calcite-input-message>
   </div>
diff --git a/packages/calcite-components/src/components/input-date-picker/input-date-picker.tsx b/packages/calcite-components/src/components/input-date-picker/input-date-picker.tsx
index 5009fcd90a1..f0ffa1e9f23 100644
--- a/packages/calcite-components/src/components/input-date-picker/input-date-picker.tsx
+++ b/packages/calcite-components/src/components/input-date-picker/input-date-picker.tsx
@@ -92,7 +92,7 @@ import { syncHiddenFormInput } from "../input/common/input";
 import { isBrowser } from "../../utils/browser";
 import { normalizeToCurrentCentury, isTwoDigitYear } from "./utils";
 import { InputDatePickerMessages } from "./assets/input-date-picker/t9n";
-import { CSS } from "./resources";
+import { CSS, IDS } from "./resources";
 
 @Component({
   tag: "calcite-input-date-picker",
@@ -568,8 +568,10 @@ export class InputDatePicker
                   aria-autocomplete="none"
                   aria-controls={this.dialogId}
                   aria-describedby={this.placeholderTextId}
+                  aria-errormessage={IDS.validationMessage}
                   aria-expanded={toAriaBoolean(this.open)}
                   aria-haspopup="dialog"
+                  aria-invalid={this.status === "invalid"}
                   class={{
                     [CSS.input]: true,
                     [CSS.inputNoBottomBorder]: this.layout === "vertical" && this.range,
@@ -661,8 +663,10 @@ export class InputDatePicker
                   <calcite-input-text
                     aria-autocomplete="none"
                     aria-controls={this.dialogId}
+                    aria-errormessage={IDS.validationMessage}
                     aria-expanded={toAriaBoolean(this.open)}
                     aria-haspopup="dialog"
+                    aria-invalid={this.status === "invalid"}
                     class={{
                       [CSS.input]: true,
                       [CSS.inputBorderTopColorOne]: this.layout === "vertical" && this.range,
@@ -689,6 +693,7 @@ export class InputDatePicker
           {this.validationMessage && this.status === "invalid" ? (
             <Validation
               icon={this.validationIcon}
+              id={IDS.validationMessage}
               message={this.validationMessage}
               scale={this.scale}
               status={this.status}
diff --git a/packages/calcite-components/src/components/input-date-picker/resources.ts b/packages/calcite-components/src/components/input-date-picker/resources.ts
index 3007647d643..19a65e77795 100644
--- a/packages/calcite-components/src/components/input-date-picker/resources.ts
+++ b/packages/calcite-components/src/components/input-date-picker/resources.ts
@@ -14,3 +14,7 @@ export const CSS = {
   verticalArrowContainer: "vertical-arrow-container",
   chevronIcon: "chevron-icon",
 };
+
+export const IDS = {
+  validationMessage: "inputDatePickerValidationMessage",
+};
diff --git a/packages/calcite-components/src/components/input-number/input-number.tsx b/packages/calcite-components/src/components/input-number/input-number.tsx
index 5597b5ac06b..8831ac8a459 100644
--- a/packages/calcite-components/src/components/input-number/input-number.tsx
+++ b/packages/calcite-components/src/components/input-number/input-number.tsx
@@ -75,7 +75,7 @@ import {
   TextualInputComponent,
 } from "../input/common/input";
 import { IconNameOrString } from "../icon/interfaces";
-import { CSS, SLOTS } from "./resources";
+import { CSS, IDS, SLOTS } from "./resources";
 import { InputNumberMessages } from "./assets/input-number/t9n";
 
 /**
@@ -1081,6 +1081,8 @@ export class InputNumber
 
     const childEl = (
       <input
+        aria-errormessage={IDS.validationMessage}
+        aria-invalid={this.status === "invalid"}
         aria-label={getLabelText(this)}
         autocomplete={this.autocomplete}
         autofocus={this.el.autofocus ? true : null}
@@ -1132,6 +1134,7 @@ export class InputNumber
           {this.validationMessage && this.status === "invalid" ? (
             <Validation
               icon={this.validationIcon}
+              id={IDS.validationMessage}
               message={this.validationMessage}
               scale={this.scale}
               status={this.status}
diff --git a/packages/calcite-components/src/components/input-number/resources.ts b/packages/calcite-components/src/components/input-number/resources.ts
index e24f39142e2..8cb53924c31 100644
--- a/packages/calcite-components/src/components/input-number/resources.ts
+++ b/packages/calcite-components/src/components/input-number/resources.ts
@@ -15,6 +15,10 @@ export const CSS = {
   numberButtonItem: "number-button-item",
 };
 
+export const IDS = {
+  validationMessage: "inputNumberValidationMessage",
+};
+
 export const SLOTS = {
   action: "action",
 };
diff --git a/packages/calcite-components/src/components/input-text/input-text.tsx b/packages/calcite-components/src/components/input-text/input-text.tsx
index 0cfc2c8c947..a1f293e1c29 100644
--- a/packages/calcite-components/src/components/input-text/input-text.tsx
+++ b/packages/calcite-components/src/components/input-text/input-text.tsx
@@ -52,7 +52,7 @@ import { getIconScale } from "../../utils/component";
 import { Validation } from "../functional/Validation";
 import { syncHiddenFormInput, TextualInputComponent } from "../input/common/input";
 import { IconNameOrString } from "../icon/interfaces";
-import { CSS, SLOTS } from "./resources";
+import { CSS, IDS, SLOTS } from "./resources";
 import { InputTextMessages } from "./assets/input-text/t9n";
 
 /**
@@ -663,6 +663,8 @@ export class InputText
 
     const childEl = (
       <input
+        aria-errormessage={IDS.validationMessage}
+        aria-invalid={this.status === "invalid"}
         aria-label={getLabelText(this)}
         autocomplete={this.autocomplete}
         autofocus={this.el.autofocus ? true : null}
@@ -712,6 +714,7 @@ export class InputText
           {this.validationMessage && this.status === "invalid" ? (
             <Validation
               icon={this.validationIcon}
+              id={IDS.validationMessage}
               message={this.validationMessage}
               scale={this.scale}
               status={this.status}
diff --git a/packages/calcite-components/src/components/input-text/resources.ts b/packages/calcite-components/src/components/input-text/resources.ts
index 6a2bd61522e..d3ac6c30b76 100644
--- a/packages/calcite-components/src/components/input-text/resources.ts
+++ b/packages/calcite-components/src/components/input-text/resources.ts
@@ -12,6 +12,10 @@ export const CSS = {
   resizeIconWrapper: "resize-icon-wrapper",
 };
 
+export const IDS = {
+  validationMessage: "inputTextValidationMessage",
+};
+
 export const SLOTS = {
   action: "action",
 };
diff --git a/packages/calcite-components/src/components/input-time-picker/input-time-picker.tsx b/packages/calcite-components/src/components/input-time-picker/input-time-picker.tsx
index 374842f1687..56a6969ff00 100644
--- a/packages/calcite-components/src/components/input-time-picker/input-time-picker.tsx
+++ b/packages/calcite-components/src/components/input-time-picker/input-time-picker.tsx
@@ -82,7 +82,7 @@ import { Validation } from "../functional/Validation";
 import { focusFirstTabbable } from "../../utils/dom";
 import { IconNameOrString } from "../icon/interfaces";
 import { syncHiddenFormInput } from "../input/common/input";
-import { CSS } from "./resources";
+import { CSS, IDS } from "./resources";
 import { InputTimePickerMessages } from "./assets/input-time-picker/t9n";
 
 // some bundlers (e.g., Webpack) need dynamic import paths to be static
@@ -1025,7 +1025,9 @@ export class InputTimePicker
           <div class="input-wrapper" onClick={this.onInputWrapperClick}>
             <calcite-input-text
               aria-autocomplete="none"
+              aria-errormessage={IDS.validationMessage}
               aria-haspopup="dialog"
+              aria-invalid={this.status === "invalid"}
               disabled={disabled}
               icon="clock"
               id={this.referenceElementId}
@@ -1071,6 +1073,7 @@ export class InputTimePicker
           {this.validationMessage && this.status === "invalid" ? (
             <Validation
               icon={this.validationIcon}
+              id={IDS.validationMessage}
               message={this.validationMessage}
               scale={this.scale}
               status={this.status}
diff --git a/packages/calcite-components/src/components/input-time-picker/resources.ts b/packages/calcite-components/src/components/input-time-picker/resources.ts
index b7c50043135..45e2806f143 100644
--- a/packages/calcite-components/src/components/input-time-picker/resources.ts
+++ b/packages/calcite-components/src/components/input-time-picker/resources.ts
@@ -1,3 +1,7 @@
 export const CSS = {
   toggleIcon: "toggle-icon",
 };
+
+export const IDS = {
+  validationMessage: "inputTimePickerValidationMessage",
+};
diff --git a/packages/calcite-components/src/components/input/input.tsx b/packages/calcite-components/src/components/input/input.tsx
index 520945097a1..536f1d9928d 100644
--- a/packages/calcite-components/src/components/input/input.tsx
+++ b/packages/calcite-components/src/components/input/input.tsx
@@ -71,7 +71,7 @@ import { Validation } from "../functional/Validation";
 import { IconNameOrString } from "../icon/interfaces";
 import { InputMessages } from "./assets/input/t9n";
 import { InputPlacement, NumberNudgeDirection, SetValueOrigin } from "./interfaces";
-import { CSS, INPUT_TYPE_ICONS, SLOTS } from "./resources";
+import { CSS, IDS, INPUT_TYPE_ICONS, SLOTS } from "./resources";
 import { NumericInputComponent, syncHiddenFormInput, TextualInputComponent } from "./common/input";
 
 /**
@@ -1172,6 +1172,8 @@ export class Input
       this.type === "number" ? (
         <input
           accept={this.accept}
+          aria-errormessage={IDS.validationMessage}
+          aria-invalid={this.status === "invalid"}
           aria-label={getLabelText(this)}
           autocomplete={this.autocomplete}
           autofocus={autofocus}
@@ -1203,6 +1205,8 @@ export class Input
         ? [
             <this.childElType
               accept={this.accept}
+              aria-errormessage={IDS.validationMessage}
+              aria-invalid={this.status === "invalid"}
               aria-label={getLabelText(this)}
               autocomplete={this.autocomplete}
               autofocus={autofocus}
@@ -1276,6 +1280,7 @@ export class Input
           {this.validationMessage && this.status === "invalid" ? (
             <Validation
               icon={this.validationIcon}
+              id={IDS.validationMessage}
               message={this.validationMessage}
               scale={this.scale}
               status={this.status}
diff --git a/packages/calcite-components/src/components/input/resources.ts b/packages/calcite-components/src/components/input/resources.ts
index f278c4d0da7..3445a9035a2 100644
--- a/packages/calcite-components/src/components/input/resources.ts
+++ b/packages/calcite-components/src/components/input/resources.ts
@@ -15,6 +15,10 @@ export const CSS = {
   numberButtonItem: "number-button-item",
 };
 
+export const IDS = {
+  validationMessage: "inputValidationMessage",
+};
+
 export const INPUT_TYPE_ICONS = {
   tel: "phone",
   password: "lock",
diff --git a/packages/calcite-components/src/components/radio-button-group/radio-button-group.tsx b/packages/calcite-components/src/components/radio-button-group/radio-button-group.tsx
index 28bd75b34ec..eb4d048c26c 100644
--- a/packages/calcite-components/src/components/radio-button-group/radio-button-group.tsx
+++ b/packages/calcite-components/src/components/radio-button-group/radio-button-group.tsx
@@ -22,7 +22,7 @@ import {
 } from "../../utils/loadable";
 import { Validation } from "../functional/Validation";
 import { IconNameOrString } from "../icon/interfaces";
-import { CSS } from "./resources";
+import { CSS, IDS } from "./resources";
 
 /**
  * @slot - A slot for adding `calcite-radio-button`s.
@@ -207,12 +207,17 @@ export class RadioButtonGroup implements LoadableComponent {
   render(): VNode {
     return (
       <Host role="radiogroup">
-        <div class={CSS.itemWrapper}>
+        <div
+          aria-errormessage={IDS.validationMessage}
+          aria-invalid={this.status === "invalid"}
+          class={CSS.itemWrapper}
+        >
           <slot />
         </div>
         {this.validationMessage && this.status === "invalid" ? (
           <Validation
             icon={this.validationIcon}
+            id={IDS.validationMessage}
             message={this.validationMessage}
             scale={this.scale}
             status={this.status}
diff --git a/packages/calcite-components/src/components/radio-button-group/resources.ts b/packages/calcite-components/src/components/radio-button-group/resources.ts
index 3cec180ba48..f427a596463 100644
--- a/packages/calcite-components/src/components/radio-button-group/resources.ts
+++ b/packages/calcite-components/src/components/radio-button-group/resources.ts
@@ -1,3 +1,7 @@
 export const CSS = {
   itemWrapper: "item-wrapper",
 };
+
+export const IDS = {
+  validationMessage: "radioButtonGroupValidationMessage",
+};
diff --git a/packages/calcite-components/src/components/segmented-control/resources.ts b/packages/calcite-components/src/components/segmented-control/resources.ts
index 3cec180ba48..178368405b4 100644
--- a/packages/calcite-components/src/components/segmented-control/resources.ts
+++ b/packages/calcite-components/src/components/segmented-control/resources.ts
@@ -1,3 +1,7 @@
 export const CSS = {
   itemWrapper: "item-wrapper",
 };
+
+export const IDS = {
+  validationMessage: "segmentedControlValidationMessage",
+};
diff --git a/packages/calcite-components/src/components/segmented-control/segmented-control.tsx b/packages/calcite-components/src/components/segmented-control/segmented-control.tsx
index 092c848b922..983d5502379 100644
--- a/packages/calcite-components/src/components/segmented-control/segmented-control.tsx
+++ b/packages/calcite-components/src/components/segmented-control/segmented-control.tsx
@@ -39,7 +39,7 @@ import { createObserver } from "../../utils/observers";
 import { Validation } from "../functional/Validation";
 import { IconNameOrString } from "../icon/interfaces";
 import { isBrowser } from "../../utils/browser";
-import { CSS } from "./resources";
+import { CSS, IDS } from "./resources";
 
 /**
  * @slot - A slot for adding `calcite-segmented-control-item`s.
@@ -202,7 +202,11 @@ export class SegmentedControl
   render(): VNode {
     return (
       <Host onClick={this.handleClick} role="radiogroup">
-        <div class={CSS.itemWrapper}>
+        <div
+          aria-errormessage={IDS.validationMessage}
+          aria-invalid={this.status === "invalid"}
+          class={CSS.itemWrapper}
+        >
           <InteractiveContainer disabled={this.disabled}>
             <slot />
             <HiddenFormInputSlot component={this} />
@@ -211,6 +215,7 @@ export class SegmentedControl
         {this.validationMessage && this.status === "invalid" ? (
           <Validation
             icon={this.validationIcon}
+            id={IDS.validationMessage}
             message={this.validationMessage}
             scale={this.scale}
             status={this.status}
diff --git a/packages/calcite-components/src/components/select/resources.ts b/packages/calcite-components/src/components/select/resources.ts
index 9611e6518f6..46d9e5479f9 100644
--- a/packages/calcite-components/src/components/select/resources.ts
+++ b/packages/calcite-components/src/components/select/resources.ts
@@ -4,3 +4,7 @@ export const CSS = {
   select: "select",
   wrapper: "wrapper",
 };
+
+export const IDS = {
+  validationMessage: "selectValidationMessage",
+};
diff --git a/packages/calcite-components/src/components/select/select.tsx b/packages/calcite-components/src/components/select/select.tsx
index 1fe8ddba169..c954687b571 100644
--- a/packages/calcite-components/src/components/select/select.tsx
+++ b/packages/calcite-components/src/components/select/select.tsx
@@ -39,7 +39,7 @@ import { Scale, Status, Width } from "../interfaces";
 import { getIconScale } from "../../utils/component";
 import { Validation } from "../functional/Validation";
 import { IconNameOrString } from "../icon/interfaces";
-import { CSS } from "./resources";
+import { CSS, IDS } from "./resources";
 
 type OptionOrGroup = HTMLCalciteOptionElement | HTMLCalciteOptionGroupElement;
 type NativeOptionOrGroup = HTMLOptionElement | HTMLOptGroupElement;
@@ -421,6 +421,8 @@ export class Select
         <InteractiveContainer disabled={disabled}>
           <div class={CSS.wrapper}>
             <select
+              aria-errormessage={IDS.validationMessage}
+              aria-invalid={this.status === "invalid"}
               aria-label={getLabelText(this)}
               class={CSS.select}
               disabled={disabled}
@@ -435,6 +437,7 @@ export class Select
           {this.validationMessage && this.status === "invalid" ? (
             <Validation
               icon={this.validationIcon}
+              id={IDS.validationMessage}
               message={this.validationMessage}
               scale={this.scale}
               status={this.status}
diff --git a/packages/calcite-components/src/components/text-area/resources.ts b/packages/calcite-components/src/components/text-area/resources.ts
index 684c692496b..82962d86fab 100644
--- a/packages/calcite-components/src/components/text-area/resources.ts
+++ b/packages/calcite-components/src/components/text-area/resources.ts
@@ -17,6 +17,10 @@ export const CSS = {
   footerEndSlotOnly: "footer--end-only",
 };
 
+export const IDS = {
+  validationMessage: "textAreaValidationMessage",
+};
+
 export const SLOTS = {
   footerStart: "footer-start",
   footerEnd: "footer-end",
diff --git a/packages/calcite-components/src/components/text-area/text-area.tsx b/packages/calcite-components/src/components/text-area/text-area.tsx
index ace063e9d6c..ee5adba8c58 100644
--- a/packages/calcite-components/src/components/text-area/text-area.tsx
+++ b/packages/calcite-components/src/components/text-area/text-area.tsx
@@ -58,7 +58,7 @@ import { syncHiddenFormInput, TextualInputComponent } from "../input/common/inpu
 import { IconNameOrString } from "../icon/interfaces";
 import { CharacterLengthObj } from "./interfaces";
 import { TextAreaMessages } from "./assets/text-area/t9n";
-import { CSS, SLOTS, RESIZE_TIMEOUT } from "./resources";
+import { CSS, IDS, SLOTS, RESIZE_TIMEOUT } from "./resources";
 
 /**
  * @slot - A slot for adding text.
@@ -310,7 +310,10 @@ export class TextArea
         <InteractiveContainer disabled={this.disabled}>
           <textarea
             aria-describedby={this.guid}
-            aria-invalid={toAriaBoolean(this.isCharacterLimitExceeded())}
+            aria-errormessage={IDS.validationMessage}
+            aria-invalid={
+              this.status === "invalid" || toAriaBoolean(this.isCharacterLimitExceeded())
+            }
             aria-label={getLabelText(this)}
             autofocus={this.el.autofocus}
             class={{
@@ -374,6 +377,7 @@ export class TextArea
           {this.validationMessage && this.status === "invalid" ? (
             <Validation
               icon={this.validationIcon}
+              id={IDS.validationMessage}
               message={this.validationMessage}
               scale={this.scale}
               status={this.status}