diff --git a/src/lib/holocene/checkbox.svelte b/src/lib/holocene/checkbox.svelte
index d32dbdca28..a658d796cb 100644
--- a/src/lib/holocene/checkbox.svelte
+++ b/src/lib/holocene/checkbox.svelte
@@ -75,6 +75,9 @@
     : checked
       ? ('checkmark' as const)
       : null;
+
+  $: errorId = `${id}-error`;
+  $: showError = !valid && !!error;
 </script>
 
 <div
@@ -114,6 +117,8 @@
       data-track-name="checkbox"
       data-track-intent="toggle"
       data-track-text={label}
+      aria-invalid={showError ? 'true' : undefined}
+      aria-describedby={showError ? errorId : undefined}
       bind:checked
       {disabled}
       {required}
@@ -175,7 +180,7 @@
       </span>
     </slot>
   </Label>
-  {#if !valid && error}
-    <span class="text-xs text-danger">{error}</span>
+  {#if showError}
+    <span id={errorId} role="alert" class="text-xs text-danger">{error}</span>
   {/if}
 </div>
diff --git a/src/lib/holocene/combobox/combobox.svelte b/src/lib/holocene/combobox/combobox.svelte
index ea8d92819e..c339627afb 100644
--- a/src/lib/holocene/combobox/combobox.svelte
+++ b/src/lib/holocene/combobox/combobox.svelte
@@ -462,6 +462,9 @@
     });
   }
 
+  const errorId = $derived(`${id}-error`);
+  const showError = $derived(!!error && !valid);
+
   const handleInputClick: MouseEventHandler<HTMLInputElement> = (event) => {
     event.stopPropagation();
     if (!$open) openList();
@@ -556,6 +559,8 @@
           aria-controls="{id}-listbox"
           aria-expanded={$open}
           aria-required={required}
+          aria-invalid={showError ? 'true' : undefined}
+          aria-describedby={showError ? errorId : undefined}
           aria-autocomplete="list"
           onfocus={handleFocus}
           onblur={handleBlur}
@@ -680,8 +685,8 @@
     {/if}
   </Menu>
 
-  {#if error && !valid}
-    <span class="error">{error}</span>
+  {#if showError}
+    <span id={errorId} role="alert" class="error">{error}</span>
   {/if}
 </MenuContainer>
 
diff --git a/src/lib/holocene/input/chip-input.svelte b/src/lib/holocene/input/chip-input.svelte
index 0e81859c73..426f3c33fa 100644
--- a/src/lib/holocene/input/chip-input.svelte
+++ b/src/lib/holocene/input/chip-input.svelte
@@ -47,6 +47,7 @@
   let displayValue = $state('');
 
   const invalid = $derived(chips.some((chip) => !validator(chip)));
+  const errorId = $derived(`${id}-error`);
 
   const handleKeydown = (e: KeyboardEvent) => {
     e.stopPropagation();
@@ -144,6 +145,8 @@
       {id}
       {name}
       {required}
+      aria-invalid={invalid ? 'true' : undefined}
+      aria-describedby={invalid && hintText ? errorId : undefined}
       multiple
       data-testid={id}
       bind:value={displayValue}
@@ -159,9 +162,11 @@
   {#if (invalid && hintText) || (maxLength && !disabled)}
     <div class="flex justify-between gap-2">
       <div
+        id={errorId}
         class="error-msg"
         class:min-width={maxLength}
         aria-live={invalid ? 'assertive' : 'off'}
+        role={invalid ? 'alert' : null}
       >
         {#if invalid && hintText}
           <p>{hintText}</p>
diff --git a/src/lib/holocene/input/input.svelte b/src/lib/holocene/input/input.svelte
index 309fef7ff1..f3d01303c3 100644
--- a/src/lib/holocene/input/input.svelte
+++ b/src/lib/holocene/input/input.svelte
@@ -79,6 +79,8 @@
 
   const isDisabled = $derived(disabled || copyable);
   const testId = $derived(dataTestId || id);
+  const errorId = $derived(`${id}-error`);
+  const showError = $derived(error || !valid);
 
   function callFocus(input: HTMLInputElement) {
     if (autoFocus && input) input.focus();
@@ -134,6 +136,8 @@
         {name}
         {spellcheck}
         {required}
+        aria-invalid={showError ? 'true' : undefined}
+        aria-describedby={showError && hintText ? errorId : undefined}
         {autocomplete}
         bind:value
         onclick={(e) => {
@@ -191,10 +195,11 @@
     class:hidden={!hintText && (!maxLength || isDisabled || hideCount)}
   >
     <span
+      id={errorId}
       class="hint-text inline-block"
       class:invalid={!valid}
       class:error
-      role={error ? 'alert' : null}
+      role={showError ? 'alert' : null}
     >
       {hintText}
     </span>
diff --git a/src/lib/holocene/input/number-input.svelte b/src/lib/holocene/input/number-input.svelte
index a21da517ff..7b6bf3e251 100644
--- a/src/lib/holocene/input/number-input.svelte
+++ b/src/lib/holocene/input/number-input.svelte
@@ -37,6 +37,8 @@
   $: {
     validate(value);
   }
+
+  $: errorId = `${id}-error`;
 </script>
 
 <div class={merge('flex flex-col gap-1', $$props.class)}>
@@ -66,6 +68,8 @@
         {name}
         {step}
         {required}
+        aria-invalid={!valid ? 'true' : undefined}
+        aria-describedby={!valid && hintText ? errorId : undefined}
         {autocomplete}
         spellcheck="false"
         bind:value
@@ -86,7 +90,9 @@
   </div>
 </div>
 {#if !valid && hintText}
-  <span class="mt-1 text-xs text-danger">{hintText}</span>
+  <span id={errorId} role="alert" class="mt-1 text-xs text-danger"
+    >{hintText}</span
+  >
 {/if}
 
 <style lang="postcss">
diff --git a/src/lib/holocene/select/select.svelte b/src/lib/holocene/select/select.svelte
index 18fc2d5fcc..c286f70bfa 100644
--- a/src/lib/holocene/select/select.svelte
+++ b/src/lib/holocene/select/select.svelte
@@ -123,6 +123,9 @@
     // After all the Options are mounted use context to read the label assocaited with the value
     $labelCtx = getLabelFromOptions(value);
   });
+
+  const errorId = $derived(`${id}-error`);
+  const showError = $derived(!!error && !valid);
 </script>
 
 <MenuContainer class="w-full" {open}>
@@ -155,6 +158,8 @@
           class:disabled
           {required}
           aria-required={required}
+          aria-invalid={showError ? 'true' : undefined}
+          aria-describedby={showError ? errorId : undefined}
           {...rest}
         />
         {#snippet trailing()}
@@ -173,8 +178,8 @@
     </Menu>
   {/if}
 
-  {#if error && !valid}
-    <span class="text-xs text-danger">{error}</span>
+  {#if showError}
+    <span id={errorId} role="alert" class="text-xs text-danger">{error}</span>
   {/if}
 </MenuContainer>
 
diff --git a/src/lib/holocene/textarea.svelte b/src/lib/holocene/textarea.svelte
index f517a36d24..a31fe0e8a2 100644
--- a/src/lib/holocene/textarea.svelte
+++ b/src/lib/holocene/textarea.svelte
@@ -38,6 +38,8 @@
 
   let className = 'text-primary';
   export { className as class };
+
+  $: errorId = `${id}-error`;
 </script>
 
 <div class={merge('group flex flex-col gap-1', className)}>
@@ -64,6 +66,8 @@
       {rows}
       {spellcheck}
       {required}
+      aria-invalid={!isValid ? 'true' : undefined}
+      aria-describedby={!isValid && error ? errorId : undefined}
       on:input
       on:change
       on:focus
@@ -76,9 +80,11 @@
   </div>
   <div class="flex justify-between gap-2">
     <div
+      id={errorId}
       class="error-msg"
       class:min-width={maxLength}
       aria-live={isValid ? 'off' : 'assertive'}
+      role={!isValid ? 'alert' : null}
     >
       {#if !isValid}
         {#if error}