diff --git a/resources/views/extend/forms/fields.antlers.html b/resources/views/extend/forms/fields.antlers.html
index 751f9e0d3d..140c41c90a 100644
--- a/resources/views/extend/forms/fields.antlers.html
+++ b/resources/views/extend/forms/fields.antlers.html
@@ -1,9 +1,17 @@
 {{ fields }}
     <div class="p-4">
-        <label>{{ display }}</label>
+        <label for="{{ id }}">
+            {{ display }}
+            {{ if validate | contains:required }}
+                <sup aria-label="{{ trans:Required }}">*</sup>
+            {{ /if }}
+        </label>
         <div class="p-2">{{ field }}</div>
+        {{ if instructions }}
+            <p class="text-gray-500" id="{{ id }}-instructions">{{ instructions }}</p>
+        {{ /if }}
         {{ if error }}
-            <p class="text-gray-500">{{ error }}</p>
+            <p class="text-red-700" id="{{ id }}-error">{{ error }}</p>
         {{ /if }}
     </div>
 {{ /fields }}
diff --git a/resources/views/extend/forms/fields/assets.antlers.html b/resources/views/extend/forms/fields/assets.antlers.html
index 0f0aa3c0c4..3b5e1d1ea5 100644
--- a/resources/views/extend/forms/fields/assets.antlers.html
+++ b/resources/views/extend/forms/fields/assets.antlers.html
@@ -1,7 +1,13 @@
 <input
+    id="{{ id }}"
     type="file"
     name="{{ handle }}{{ if max_files !== 1 }}[]{{ /if }}"
     {{ if js_driver }}{{ js_attributes }}{{ /if }}
     {{ if max_files !== 1 }}multiple{{ /if }}
     {{ if validate|contains:required }}required{{ /if }}
+    {{ if error }}
+        aria-invalid="true" aria-describedby="{{ id }}-error"
+    {{ elseif instructions }}
+        aria-describedby="{{ id }}-instructions"
+    {{ /if }}
 >
diff --git a/resources/views/extend/forms/fields/checkboxes.antlers.html b/resources/views/extend/forms/fields/checkboxes.antlers.html
index d709da4ead..0da954838d 100644
--- a/resources/views/extend/forms/fields/checkboxes.antlers.html
+++ b/resources/views/extend/forms/fields/checkboxes.antlers.html
@@ -2,12 +2,18 @@
 {{ foreach:options as="option|label" }}
     <label>
         <input
+            id="{{ id }}-{{ option | slugify }}-option"
             type="checkbox"
             name="{{ handle }}[]"
             value="{{ option }}"
             {{ if js_driver }}{{ js_attributes }}{{ /if }}
             {{ if value|in_array:option }}checked{{ /if }}
             {{ if validate|contains:required }}required{{ /if }}
+            {{ if error }}
+                aria-invalid="true" aria-describedby="{{ id }}-error"
+            {{ elseif instructions }}
+                aria-describedby="{{ id }}-instructions"
+            {{ /if }}
         >
         {{ label !== null ? label : option }}
     </label>
diff --git a/resources/views/extend/forms/fields/default.antlers.html b/resources/views/extend/forms/fields/default.antlers.html
index 44c28b9ba0..3dca941586 100644
--- a/resources/views/extend/forms/fields/default.antlers.html
+++ b/resources/views/extend/forms/fields/default.antlers.html
@@ -1,4 +1,5 @@
 <input
+    id="{{ id }}"
     type="{{ input_type ?? 'text' }}"
     name="{{ handle }}"
     value="{{ value }}"
@@ -6,4 +7,9 @@
     {{ if character_limit }}maxlength="{{ character_limit }}"{{ /if }}
     {{ if js_driver }}{{ js_attributes }}{{ /if }}
     {{ if validate|contains:required }}required{{ /if }}
+    {{ if error }}
+        aria-invalid="true" aria-describedby="{{ id }}-error"
+    {{ elseif instructions }}
+        aria-describedby="{{ id }}-instructions"
+    {{ /if }}
 >
diff --git a/resources/views/extend/forms/fields/dictionary.antlers.html b/resources/views/extend/forms/fields/dictionary.antlers.html
index b093f6a026..c248b565d8 100644
--- a/resources/views/extend/forms/fields/dictionary.antlers.html
+++ b/resources/views/extend/forms/fields/dictionary.antlers.html
@@ -1,8 +1,14 @@
 <select
+    id="{{ id }}"
     name="{{ handle }}{{ multiple ?= "[]" }}"
     {{ if js_driver }}{{ js_attributes }}{{ /if }}
     {{ if multiple }}multiple{{ /if }}
     {{ if validate|contains:required }}required{{ /if }}
+    {{ if error }}
+        aria-invalid="true" aria-describedby="{{ id }}-error"
+    {{ elseif instructions }}
+        aria-describedby="{{ id }}-instructions"
+    {{ /if }}
 >
     {{ unless multiple }}
         <option value>
diff --git a/resources/views/extend/forms/fields/files.antlers.html b/resources/views/extend/forms/fields/files.antlers.html
index 0f0aa3c0c4..3b5e1d1ea5 100644
--- a/resources/views/extend/forms/fields/files.antlers.html
+++ b/resources/views/extend/forms/fields/files.antlers.html
@@ -1,7 +1,13 @@
 <input
+    id="{{ id }}"
     type="file"
     name="{{ handle }}{{ if max_files !== 1 }}[]{{ /if }}"
     {{ if js_driver }}{{ js_attributes }}{{ /if }}
     {{ if max_files !== 1 }}multiple{{ /if }}
     {{ if validate|contains:required }}required{{ /if }}
+    {{ if error }}
+        aria-invalid="true" aria-describedby="{{ id }}-error"
+    {{ elseif instructions }}
+        aria-describedby="{{ id }}-instructions"
+    {{ /if }}
 >
diff --git a/resources/views/extend/forms/fields/radio.antlers.html b/resources/views/extend/forms/fields/radio.antlers.html
index b43998f239..797e53ea5d 100644
--- a/resources/views/extend/forms/fields/radio.antlers.html
+++ b/resources/views/extend/forms/fields/radio.antlers.html
@@ -1,12 +1,18 @@
 {{ foreach:options as="option|label" }}
     <label>
         <input
+            id="{{ id }}-{{ option | slugify }}-option"
             type="radio"
             name="{{ handle }}"
             value="{{ option }}"
             {{ if js_driver }}{{ js_attributes }}{{ /if }}
             {{ if value == option }}checked{{ /if }}
             {{ if validate|contains:required }}required{{ /if }}
+            {{ if error }}
+                aria-invalid="true" aria-describedby="{{ id }}-error"
+            {{ elseif instructions }}
+                aria-describedby="{{ id }}-instructions"
+            {{ /if }}
         >
         {{ label !== null ? label : option }}
     </label>
diff --git a/resources/views/extend/forms/fields/select.antlers.html b/resources/views/extend/forms/fields/select.antlers.html
index b093f6a026..c248b565d8 100644
--- a/resources/views/extend/forms/fields/select.antlers.html
+++ b/resources/views/extend/forms/fields/select.antlers.html
@@ -1,8 +1,14 @@
 <select
+    id="{{ id }}"
     name="{{ handle }}{{ multiple ?= "[]" }}"
     {{ if js_driver }}{{ js_attributes }}{{ /if }}
     {{ if multiple }}multiple{{ /if }}
     {{ if validate|contains:required }}required{{ /if }}
+    {{ if error }}
+        aria-invalid="true" aria-describedby="{{ id }}-error"
+    {{ elseif instructions }}
+        aria-describedby="{{ id }}-instructions"
+    {{ /if }}
 >
     {{ unless multiple }}
         <option value>
diff --git a/resources/views/extend/forms/fields/text.antlers.html b/resources/views/extend/forms/fields/text.antlers.html
index 327eed416f..2e84daaae0 100644
--- a/resources/views/extend/forms/fields/text.antlers.html
+++ b/resources/views/extend/forms/fields/text.antlers.html
@@ -1,4 +1,5 @@
 <input
+    id="{{ id }}"
     type="{{ input_type ?? 'text' }}"
     name="{{ handle }}"
     value="{{ value }}"
@@ -7,4 +8,9 @@
     {{ if autocomplete }}autocomplete="{{ autocomplete }}"{{ /if }}
     {{ if js_driver }}{{ js_attributes }}{{ /if }}
     {{ if validate|contains:required }}required{{ /if }}
+    {{ if error }}
+        aria-invalid="true" aria-describedby="{{ id }}-error"
+    {{ elseif instructions }}
+        aria-describedby="{{ id }}-instructions"
+    {{ /if }}
 >
diff --git a/resources/views/extend/forms/fields/textarea.antlers.html b/resources/views/extend/forms/fields/textarea.antlers.html
index 12ee900d0e..6f3a2ca8d0 100644
--- a/resources/views/extend/forms/fields/textarea.antlers.html
+++ b/resources/views/extend/forms/fields/textarea.antlers.html
@@ -1,10 +1,16 @@
 <textarea
+    id="{{ id }}"
     name="{{ handle }}"
     rows="5"
     {{ if placeholder }}placeholder="{{ placeholder }}"{{ /if }}
     {{ if character_limit }}maxlength="{{ character_limit }}"{{ /if }}
     {{ if js_driver }}{{ js_attributes }}{{ /if }}
     {{ if validate|contains:required }}required{{ /if }}
+    {{ if error }}
+        aria-invalid="true" aria-describedby="{{ id }}-error"
+    {{ elseif instructions }}
+        aria-describedby="{{ id }}-instructions"
+    {{ /if }}
 >
     {{ value }}
 </textarea>
diff --git a/resources/views/extend/forms/fields/toggle.antlers.html b/resources/views/extend/forms/fields/toggle.antlers.html
index 943bb307e2..3711fba821 100644
--- a/resources/views/extend/forms/fields/toggle.antlers.html
+++ b/resources/views/extend/forms/fields/toggle.antlers.html
@@ -1,12 +1,18 @@
 <label>
     <input type="hidden" name="{{ handle }}" value="0">
     <input
+        id="{{ id }}"
         type="checkbox"
         name="{{ handle }}"
         value="1"
         {{ if js_driver }}{{ js_attributes }}{{ /if }}
         {{ if value && value !== '0' }}checked{{ /if }}
         {{ if validate|contains:required }}required{{ /if }}
+        {{ if error }}
+            aria-invalid="true" aria-describedby="{{ id }}-error"
+        {{ elseif instructions }}
+            aria-describedby="{{ id }}-instructions"
+        {{ /if }}
     >
     {{ if inline_label }}
         {{ inline_label }}
diff --git a/src/Tags/Concerns/RendersForms.php b/src/Tags/Concerns/RendersForms.php
index cedf943d6f..8f86e7edec 100644
--- a/src/Tags/Concerns/RendersForms.php
+++ b/src/Tags/Concerns/RendersForms.php
@@ -141,7 +141,9 @@ protected function getRenderableField($field, $errorBag = 'default', $manipulate
             ->map->get('default')
             ->filter()->all();
 
+        $formHandle = $field->form()?->handle() ?? Str::slug($errorBag);
         $data = array_merge($configDefaults, $field->toArray(), [
+            'id' => $this->generateFieldId($field->handle(), $formHandle),
             'instructions' => $field->instructions(),
             'error' => $errors->first($field->handle()) ?: null,
             'default' => $field->value() ?? $field->defaultValue(),
@@ -174,4 +176,12 @@ protected function minifyFieldHtml($html)
 
         return $html;
     }
+
+    /**
+     * Generate a field id to associate input with label.
+     */
+    private function generateFieldId(string $fieldHandle, ?string $formName = null): string
+    {
+        return ($formName ?? 'default').'-form-'.$fieldHandle.'-field';
+    }
 }
diff --git a/tests/Tags/Form/FormCreateAlpineTest.php b/tests/Tags/Form/FormCreateAlpineTest.php
index 2e50cb9ec7..58f84058e0 100644
--- a/tests/Tags/Form/FormCreateAlpineTest.php
+++ b/tests/Tags/Form/FormCreateAlpineTest.php
@@ -297,8 +297,8 @@ public function it_dynamically_renders_text_field_x_model()
             ],
         ];
 
-        $this->assertFieldRendersHtml(['<input type="text" name="name" value="" x-model="name">'], $config, [], ['js' => 'alpine']);
-        $this->assertFieldRendersHtml(['<input type="text" name="name" value="" x-model="my_form.name">'], $config, [], ['js' => 'alpine:my_form']);
+        $this->assertFieldRendersHtml(['<input id="[[form-handle]]-form-name-field" type="text" name="name" value="" x-model="name">'], $config, [], ['js' => 'alpine']);
+        $this->assertFieldRendersHtml(['<input id="[[form-handle]]-form-name-field" type="text" name="name" value="" x-model="my_form.name">'], $config, [], ['js' => 'alpine:my_form']);
     }
 
     #[Test]
@@ -311,8 +311,8 @@ public function it_dynamically_renders_textarea_field_x_model()
             ],
         ];
 
-        $this->assertFieldRendersHtml(['<textarea name="comment" rows="5" x-model="comment"></textarea>'], $config, [], ['js' => 'alpine']);
-        $this->assertFieldRendersHtml(['<textarea name="comment" rows="5" x-model="my_form.comment"></textarea>'], $config, [], ['js' => 'alpine:my_form']);
+        $this->assertFieldRendersHtml(['<textarea id="[[form-handle]]-form-comment-field" name="comment" rows="5" x-model="comment"></textarea>'], $config, [], ['js' => 'alpine']);
+        $this->assertFieldRendersHtml(['<textarea id="[[form-handle]]-form-comment-field" name="comment" rows="5" x-model="my_form.comment"></textarea>'], $config, [], ['js' => 'alpine:my_form']);
     }
 
     #[Test]
@@ -330,13 +330,13 @@ public function it_dynamically_renders_checkboxes_field_x_model()
             ],
         ];
 
-        $this->assertFieldRendersHtml(['<input type="checkbox" name="fav_animals[]" value="cat" x-model="fav_animals">'], $config, [], ['js' => 'alpine']);
-        $this->assertFieldRendersHtml(['<input type="checkbox" name="fav_animals[]" value="rat" x-model="fav_animals">'], $config, [], ['js' => 'alpine']);
-        $this->assertFieldRendersHtml(['<input type="checkbox" name="fav_animals[]" value="armadillo" x-model="fav_animals">'], $config, [], ['js' => 'alpine']);
+        $this->assertFieldRendersHtml(['<input id="[[form-handle]]-form-fav_animals-field-cat-option" type="checkbox" name="fav_animals[]" value="cat" x-model="fav_animals">'], $config, [], ['js' => 'alpine']);
+        $this->assertFieldRendersHtml(['<input id="[[form-handle]]-form-fav_animals-field-rat-option" type="checkbox" name="fav_animals[]" value="rat" x-model="fav_animals">'], $config, [], ['js' => 'alpine']);
+        $this->assertFieldRendersHtml(['<input id="[[form-handle]]-form-fav_animals-field-armadillo-option" type="checkbox" name="fav_animals[]" value="armadillo" x-model="fav_animals">'], $config, [], ['js' => 'alpine']);
 
-        $this->assertFieldRendersHtml(['<input type="checkbox" name="fav_animals[]" value="cat" x-model="my_form.fav_animals">'], $config, [], ['js' => 'alpine:my_form']);
-        $this->assertFieldRendersHtml(['<input type="checkbox" name="fav_animals[]" value="rat" x-model="my_form.fav_animals">'], $config, [], ['js' => 'alpine:my_form']);
-        $this->assertFieldRendersHtml(['<input type="checkbox" name="fav_animals[]" value="armadillo" x-model="my_form.fav_animals">'], $config, [], ['js' => 'alpine:my_form']);
+        $this->assertFieldRendersHtml(['<input id="[[form-handle]]-form-fav_animals-field-cat-option" type="checkbox" name="fav_animals[]" value="cat" x-model="my_form.fav_animals">'], $config, [], ['js' => 'alpine:my_form']);
+        $this->assertFieldRendersHtml(['<input id="[[form-handle]]-form-fav_animals-field-rat-option" type="checkbox" name="fav_animals[]" value="rat" x-model="my_form.fav_animals">'], $config, [], ['js' => 'alpine:my_form']);
+        $this->assertFieldRendersHtml(['<input id="[[form-handle]]-form-fav_animals-field-armadillo-option" type="checkbox" name="fav_animals[]" value="armadillo" x-model="my_form.fav_animals">'], $config, [], ['js' => 'alpine:my_form']);
     }
 
     #[Test]
@@ -354,13 +354,13 @@ public function it_dynamically_renders_radio_field_x_model()
             ],
         ];
 
-        $this->assertFieldRendersHtml(['<input type="radio" name="fav_animal" value="cat" x-model="fav_animal">'], $config, [], ['js' => 'alpine']);
-        $this->assertFieldRendersHtml(['<input type="radio" name="fav_animal" value="rat" x-model="fav_animal">'], $config, [], ['js' => 'alpine']);
-        $this->assertFieldRendersHtml(['<input type="radio" name="fav_animal" value="armadillo" x-model="fav_animal">'], $config, [], ['js' => 'alpine']);
+        $this->assertFieldRendersHtml(['<input id="[[form-handle]]-form-fav_animal-field-cat-option" type="radio" name="fav_animal" value="cat" x-model="fav_animal">'], $config, [], ['js' => 'alpine']);
+        $this->assertFieldRendersHtml(['<input id="[[form-handle]]-form-fav_animal-field-rat-option" type="radio" name="fav_animal" value="rat" x-model="fav_animal">'], $config, [], ['js' => 'alpine']);
+        $this->assertFieldRendersHtml(['<input id="[[form-handle]]-form-fav_animal-field-armadillo-option" type="radio" name="fav_animal" value="armadillo" x-model="fav_animal">'], $config, [], ['js' => 'alpine']);
 
-        $this->assertFieldRendersHtml(['<input type="radio" name="fav_animal" value="cat" x-model="my_form.fav_animal">'], $config, [], ['js' => 'alpine:my_form']);
-        $this->assertFieldRendersHtml(['<input type="radio" name="fav_animal" value="rat" x-model="my_form.fav_animal">'], $config, [], ['js' => 'alpine:my_form']);
-        $this->assertFieldRendersHtml(['<input type="radio" name="fav_animal" value="armadillo" x-model="my_form.fav_animal">'], $config, [], ['js' => 'alpine:my_form']);
+        $this->assertFieldRendersHtml(['<input id="[[form-handle]]-form-fav_animal-field-cat-option" type="radio" name="fav_animal" value="cat" x-model="my_form.fav_animal">'], $config, [], ['js' => 'alpine:my_form']);
+        $this->assertFieldRendersHtml(['<input id="[[form-handle]]-form-fav_animal-field-rat-option" type="radio" name="fav_animal" value="rat" x-model="my_form.fav_animal">'], $config, [], ['js' => 'alpine:my_form']);
+        $this->assertFieldRendersHtml(['<input id="[[form-handle]]-form-fav_animal-field-armadillo-option" type="radio" name="fav_animal" value="armadillo" x-model="my_form.fav_animal">'], $config, [], ['js' => 'alpine:my_form']);
     }
 
     #[Test]
@@ -379,7 +379,7 @@ public function it_dynamically_renders_select_field_x_model()
         ];
 
         $expected = [
-            '<select name="favourite_animal" x-model="favourite_animal">',
+            '<select id="[[form-handle]]-form-favourite_animal-field" name="favourite_animal" x-model="favourite_animal">',
             '<option value>Please select...</option>',
             '<option value="cat">Cat</option>',
             '<option value="armadillo">Armadillo</option>',
@@ -390,7 +390,7 @@ public function it_dynamically_renders_select_field_x_model()
         $this->assertFieldRendersHtml($expected, $config, [], ['js' => 'alpine']);
 
         $expectedScoped = [
-            '<select name="favourite_animal" x-model="my_form.favourite_animal">',
+            '<select id="[[form-handle]]-form-favourite_animal-field" name="favourite_animal" x-model="my_form.favourite_animal">',
             '<option value>Please select...</option>',
             '<option value="cat">Cat</option>',
             '<option value="armadillo">Armadillo</option>',
@@ -413,8 +413,8 @@ public function it_dynamically_renders_asset_field_x_model()
             ],
         ];
 
-        $this->assertFieldRendersHtml('<input type="file" name="cat_selfie" x-model="cat_selfie">', $config, [], ['js' => 'alpine']);
-        $this->assertFieldRendersHtml('<input type="file" name="cat_selfie" x-model="my_form.cat_selfie">', $config, [], ['js' => 'alpine:my_form']);
+        $this->assertFieldRendersHtml('<input id="[[form-handle]]-form-cat_selfie-field" type="file" name="cat_selfie" x-model="cat_selfie">', $config, [], ['js' => 'alpine']);
+        $this->assertFieldRendersHtml('<input id="[[form-handle]]-form-cat_selfie-field" type="file" name="cat_selfie" x-model="my_form.cat_selfie">', $config, [], ['js' => 'alpine:my_form']);
     }
 
     #[Test]
@@ -427,8 +427,8 @@ public function it_dynamically_renders_field_with_fallback_to_default_partial_x_
             ],
         ];
 
-        $this->assertFieldRendersHtml('<input type="text" name="custom" value="" x-model="custom">', $config, [], ['js' => 'alpine']);
-        $this->assertFieldRendersHtml('<input type="text" name="custom" value="" x-model="my_form.custom">', $config, [], ['js' => 'alpine:my_form']);
+        $this->assertFieldRendersHtml('<input id="[[form-handle]]-form-custom-field" type="text" name="custom" value="" x-model="custom">', $config, [], ['js' => 'alpine']);
+        $this->assertFieldRendersHtml('<input id="[[form-handle]]-form-custom-field" type="text" name="custom" value="" x-model="my_form.custom">', $config, [], ['js' => 'alpine:my_form']);
     }
 
     #[Test]
diff --git a/tests/Tags/Form/FormCreateCustomDriverTest.php b/tests/Tags/Form/FormCreateCustomDriverTest.php
index d516ff81fa..b652ae7ea6 100644
--- a/tests/Tags/Form/FormCreateCustomDriverTest.php
+++ b/tests/Tags/Form/FormCreateCustomDriverTest.php
@@ -81,7 +81,7 @@ public function custom_driver_can_add_to_renderable_field_attributes()
 EOT
         ));
 
-        $expected = '<input type="email" name="email" value="" z-unless="Statamic.$conditions.showField(\'email\', __zData)" z-gnarley="true" required>';
+        $expected = '<input id="contact-form-email-field" type="email" name="email" value="" z-unless="Statamic.$conditions.showField(\'email\', __zData)" z-gnarley="true" required>';
         $this->assertStringContainsString($expected, $output);
     }
 
diff --git a/tests/Tags/Form/FormCreateTest.php b/tests/Tags/Form/FormCreateTest.php
index 82d722065c..3be2cc95ad 100644
--- a/tests/Tags/Form/FormCreateTest.php
+++ b/tests/Tags/Form/FormCreateTest.php
@@ -65,20 +65,32 @@ public function it_dynamically_renders_fields_array()
 EOT
         ));
 
-        $this->assertStringContainsString('<label>Full Name</label><input type="text" name="name" value="">', $output);
-        $this->assertStringContainsString('<label>Email Address</label><input type="email" name="email" value="" required>', $output);
-        $this->assertStringContainsString('<label>Message</label><textarea name="message" rows="5" required></textarea>', $output);
+        $this->assertStringContainsString('<label>Full Name</label><input id="contact-form-name-field" type="text" name="name" value="">', $output);
+        $this->assertStringContainsString('<label>Email Address</label><input id="contact-form-email-field" type="email" name="email" value="" required>', $output);
+        $this->assertStringContainsString('<label>Message</label><textarea id="contact-form-message-field" name="message" rows="5" required></textarea>', $output);
 
         preg_match_all('/<label>(.+)<\/label>/U', $output, $fieldOrder);
 
         $this->assertEquals(['Full Name', 'Email Address', 'Message'], $fieldOrder[1]);
     }
 
+    #[Test]
+    public function it_dynamically_renders_with_form_handle()
+    {
+        foreach (['contact', 'contact-form', 'kontakt_formular'] as $handle) {
+            $this->createForm(handle: $handle);
+            $output = $this->normalizeHtml($this->tag('{{ form in="'.$handle.'" }}{{ fields }}{{ field }}{{ /fields }}{{ /form }}'));
+            $this->assertStringContainsString('<input id="'.$handle.'-form-name-field"', $output);
+            $this->assertStringContainsString('<input id="'.$handle.'-form-email-field"', $output);
+            $this->assertStringContainsString('<textarea id="'.$handle.'-form-message-field"', $output);
+        }
+    }
+
     #[Test]
     public function it_dynamically_renders_text_field()
     {
         $this->assertFieldRendersHtml([
-            '<input type="text" name="favourite_animal" value="">',
+            '<input id="[[form-handle]]-form-favourite_animal-field" type="text" name="favourite_animal" value="">',
         ], [
             'handle' => 'favourite_animal',
             'field' => [
@@ -87,7 +99,7 @@ public function it_dynamically_renders_text_field()
         ]);
 
         $this->assertFieldRendersHtml([
-            '<input type="text" name="favourite_animal" value="buffalo">',
+            '<input id="[[form-handle]]-form-favourite_animal-field" type="text" name="favourite_animal" value="buffalo">',
         ], [
             'handle' => 'favourite_animal',
             'field' => [
@@ -102,7 +114,7 @@ public function it_dynamically_renders_text_field()
     public function it_dynamically_renders_text_field_with_custom_input_type()
     {
         $this->assertFieldRendersHtml([
-            '<input type="number" name="age" value="">',
+            '<input id="[[form-handle]]-form-age-field" type="number" name="age" value="">',
         ], [
             'handle' => 'age',
             'field' => [
@@ -112,7 +124,7 @@ public function it_dynamically_renders_text_field_with_custom_input_type()
         ]);
 
         $this->assertFieldRendersHtml([
-            '<input type="number" name="age" value="24">',
+            '<input id="[[form-handle]]-form-age-field" type="number" name="age" value="24">',
         ], [
             'handle' => 'age',
             'field' => [
@@ -128,7 +140,7 @@ public function it_dynamically_renders_text_field_with_custom_input_type()
     public function it_dynamically_renders_textarea_field()
     {
         $this->assertFieldRendersHtml([
-            '<textarea name="comment" rows="5"></textarea>',
+            '<textarea id="[[form-handle]]-form-comment-field" name="comment" rows="5"></textarea>',
         ], [
             'handle' => 'comment',
             'field' => [
@@ -137,7 +149,7 @@ public function it_dynamically_renders_textarea_field()
         ]);
 
         $this->assertFieldRendersHtml([
-            '<textarea name="comment" rows="5">Hey hoser!</textarea>',
+            '<textarea id="[[form-handle]]-form-comment-field" name="comment" rows="5">Hey hoser!</textarea>',
         ], [
             'handle' => 'comment',
             'field' => [
@@ -152,11 +164,11 @@ public function it_dynamically_renders_textarea_field()
     public function it_dynamically_renders_checkboxes_field()
     {
         $this->assertFieldRendersHtml([
-            '<label><input type="checkbox" name="favourite_animals[]" value="cat">Cat</label>',
+            '<label><input id="[[form-handle]]-form-favourite_animals-field-cat-option" type="checkbox" name="favourite_animals[]" value="cat">Cat</label>',
             '<br>',
-            '<label><input type="checkbox" name="favourite_animals[]" value="armadillo">Armadillo</label>',
+            '<label><input id="[[form-handle]]-form-favourite_animals-field-armadillo-option" type="checkbox" name="favourite_animals[]" value="armadillo">Armadillo</label>',
             '<br>',
-            '<label><input type="checkbox" name="favourite_animals[]" value="rat">rat</label>',
+            '<label><input id="[[form-handle]]-form-favourite_animals-field-rat-option" type="checkbox" name="favourite_animals[]" value="rat">rat</label>',
         ], [
             'handle' => 'favourite_animals',
             'field' => [
@@ -170,11 +182,11 @@ public function it_dynamically_renders_checkboxes_field()
         ]);
 
         $this->assertFieldRendersHtml([
-            '<label><input type="checkbox" name="favourite_animals[]" value="cat" checked>Cat</label>',
+            '<label><input id="[[form-handle]]-form-favourite_animals-field-cat-option" type="checkbox" name="favourite_animals[]" value="cat" checked>Cat</label>',
             '<br>',
-            '<label><input type="checkbox" name="favourite_animals[]" value="armadillo">Armadillo</label>',
+            '<label><input id="[[form-handle]]-form-favourite_animals-field-armadillo-option" type="checkbox" name="favourite_animals[]" value="armadillo">Armadillo</label>',
             '<br>',
-            '<label><input type="checkbox" name="favourite_animals[]" value="rat" checked>rat</label>',
+            '<label><input id="[[form-handle]]-form-favourite_animals-field-rat-option" type="checkbox" name="favourite_animals[]" value="rat" checked>rat</label>',
         ], [
             'handle' => 'favourite_animals',
             'field' => [
@@ -194,9 +206,9 @@ public function it_dynamically_renders_checkboxes_field()
     public function it_dynamically_renders_inline_checkboxes_field()
     {
         $this->assertFieldRendersHtml([
-            '<label><input type="checkbox" name="favourite_animals[]" value="cat">Cat</label>',
-            '<label><input type="checkbox" name="favourite_animals[]" value="armadillo">Armadillo</label>',
-            '<label><input type="checkbox" name="favourite_animals[]" value="rat">rat</label>',
+            '<label><input id="[[form-handle]]-form-favourite_animals-field-cat-option" type="checkbox" name="favourite_animals[]" value="cat">Cat</label>',
+            '<label><input id="[[form-handle]]-form-favourite_animals-field-armadillo-option" type="checkbox" name="favourite_animals[]" value="armadillo">Armadillo</label>',
+            '<label><input id="[[form-handle]]-form-favourite_animals-field-rat-option" type="checkbox" name="favourite_animals[]" value="rat">rat</label>',
         ], [
             'handle' => 'favourite_animals',
             'field' => [
@@ -211,9 +223,9 @@ public function it_dynamically_renders_inline_checkboxes_field()
         ]);
 
         $this->assertFieldRendersHtml([
-            '<label><input type="checkbox" name="favourite_animals[]" value="cat" checked>Cat</label>',
-            '<label><input type="checkbox" name="favourite_animals[]" value="armadillo">Armadillo</label>',
-            '<label><input type="checkbox" name="favourite_animals[]" value="rat" checked>rat</label>',
+            '<label><input id="[[form-handle]]-form-favourite_animals-field-cat-option" type="checkbox" name="favourite_animals[]" value="cat" checked>Cat</label>',
+            '<label><input id="[[form-handle]]-form-favourite_animals-field-armadillo-option" type="checkbox" name="favourite_animals[]" value="armadillo">Armadillo</label>',
+            '<label><input id="[[form-handle]]-form-favourite_animals-field-rat-option" type="checkbox" name="favourite_animals[]" value="rat" checked>rat</label>',
         ], [
             'handle' => 'favourite_animals',
             'field' => [
@@ -234,11 +246,11 @@ public function it_dynamically_renders_inline_checkboxes_field()
     public function it_dynamically_renders_radio_field()
     {
         $this->assertFieldRendersHtml([
-            '<label><input type="radio" name="favourite_animal" value="cat">Cat</label>',
+            '<label><input id="[[form-handle]]-form-favourite_animal-field-cat-option" type="radio" name="favourite_animal" value="cat">Cat</label>',
             '<br>',
-            '<label><input type="radio" name="favourite_animal" value="armadillo">Armadillo</label>',
+            '<label><input id="[[form-handle]]-form-favourite_animal-field-armadillo-option" type="radio" name="favourite_animal" value="armadillo">Armadillo</label>',
             '<br>',
-            '<label><input type="radio" name="favourite_animal" value="rat">rat</label>',
+            '<label><input id="[[form-handle]]-form-favourite_animal-field-rat-option" type="radio" name="favourite_animal" value="rat">rat</label>',
         ], [
             'handle' => 'favourite_animal',
             'field' => [
@@ -252,11 +264,11 @@ public function it_dynamically_renders_radio_field()
         ]);
 
         $this->assertFieldRendersHtml([
-            '<label><input type="radio" name="favourite_animal" value="cat">Cat</label>',
+            '<label><input id="[[form-handle]]-form-favourite_animal-field-cat-option" type="radio" name="favourite_animal" value="cat">Cat</label>',
             '<br>',
-            '<label><input type="radio" name="favourite_animal" value="armadillo" checked>Armadillo</label>',
+            '<label><input id="[[form-handle]]-form-favourite_animal-field-armadillo-option" type="radio" name="favourite_animal" value="armadillo" checked>Armadillo</label>',
             '<br>',
-            '<label><input type="radio" name="favourite_animal" value="rat">rat</label>',
+            '<label><input id="[[form-handle]]-form-favourite_animal-field-rat-option" type="radio" name="favourite_animal" value="rat">rat</label>',
         ], [
             'handle' => 'favourite_animal',
             'field' => [
@@ -276,9 +288,9 @@ public function it_dynamically_renders_radio_field()
     public function it_dynamically_renders_inline_radio_field()
     {
         $this->assertFieldRendersHtml([
-            '<label><input type="radio" name="favourite_animal" value="cat">Cat</label>',
-            '<label><input type="radio" name="favourite_animal" value="armadillo">Armadillo</label>',
-            '<label><input type="radio" name="favourite_animal" value="rat">rat</label>',
+            '<label><input id="[[form-handle]]-form-favourite_animal-field-cat-option" type="radio" name="favourite_animal" value="cat">Cat</label>',
+            '<label><input id="[[form-handle]]-form-favourite_animal-field-armadillo-option" type="radio" name="favourite_animal" value="armadillo">Armadillo</label>',
+            '<label><input id="[[form-handle]]-form-favourite_animal-field-rat-option" type="radio" name="favourite_animal" value="rat">rat</label>',
         ], [
             'handle' => 'favourite_animal',
             'field' => [
@@ -293,9 +305,9 @@ public function it_dynamically_renders_inline_radio_field()
         ]);
 
         $this->assertFieldRendersHtml([
-            '<label><input type="radio" name="favourite_animal" value="cat">Cat</label>',
-            '<label><input type="radio" name="favourite_animal" value="armadillo" checked>Armadillo</label>',
-            '<label><input type="radio" name="favourite_animal" value="rat">rat</label>',
+            '<label><input id="[[form-handle]]-form-favourite_animal-field-cat-option" type="radio" name="favourite_animal" value="cat">Cat</label>',
+            '<label><input id="[[form-handle]]-form-favourite_animal-field-armadillo-option" type="radio" name="favourite_animal" value="armadillo" checked>Armadillo</label>',
+            '<label><input id="[[form-handle]]-form-favourite_animal-field-rat-option" type="radio" name="favourite_animal" value="rat">rat</label>',
         ], [
             'handle' => 'favourite_animal',
             'field' => [
@@ -316,7 +328,7 @@ public function it_dynamically_renders_inline_radio_field()
     public function it_dynamically_renders_select_field()
     {
         $this->assertFieldRendersHtml([
-            '<select name="favourite_animal">',
+            '<select id="[[form-handle]]-form-favourite_animal-field" name="favourite_animal">',
             '<option value>Please select...</option>',
             '<option value="cat">Cat</option>',
             '<option value="armadillo">Armadillo</option>',
@@ -335,7 +347,7 @@ public function it_dynamically_renders_select_field()
         ]);
 
         $this->assertFieldRendersHtml([
-            '<select name="favourite_animal">',
+            '<select id="[[form-handle]]-form-favourite_animal-field" name="favourite_animal">',
             '<option value>Please select...</option>',
             '<option value="cat" selected>Cat</option>',
             '<option value="armadillo">Armadillo</option>',
@@ -360,7 +372,7 @@ public function it_dynamically_renders_select_field()
     public function it_dynamically_renders_multiple_select_field()
     {
         $this->assertFieldRendersHtml([
-            '<select name="favourite_animals[]" multiple>',
+            '<select id="[[form-handle]]-form-favourite_animals-field" name="favourite_animals[]" multiple>',
             '<option value="cat">Cat</option>',
             '<option value="armadillo">Armadillo</option>',
             '<option value="rat">rat</option>',
@@ -379,7 +391,7 @@ public function it_dynamically_renders_multiple_select_field()
         ]);
 
         $this->assertFieldRendersHtml([
-            '<select name="favourite_animals[]" multiple>',
+            '<select id="[[form-handle]]-form-favourite_animals-field" name="favourite_animals[]" multiple>',
             '<option value="cat" selected>Cat</option>',
             '<option value="armadillo">Armadillo</option>',
             '<option value="rat" selected>rat</option>',
@@ -404,7 +416,7 @@ public function it_dynamically_renders_multiple_select_field()
     public function it_dynamically_renders_asset_field()
     {
         $this->assertFieldRendersHtml([
-            '<input type="file" name="cat_selfie">',
+            '<input id="[[form-handle]]-form-cat_selfie-field" type="file" name="cat_selfie">',
         ], [
             'handle' => 'cat_selfie',
             'field' => [
@@ -419,7 +431,7 @@ public function it_dynamically_renders_asset_field()
     public function it_dynamically_renders_multiple_assets_field()
     {
         $this->assertFieldRendersHtml([
-            '<input type="file" name="cat_selfies[]" multiple>',
+            '<input id="[[form-handle]]-form-cat_selfies-field" type="file" name="cat_selfies[]" multiple>',
         ], [
             'handle' => 'cat_selfies',
             'field' => [
@@ -433,7 +445,7 @@ public function it_dynamically_renders_multiple_assets_field()
     public function it_dynamically_renders_field_with_fallback_to_default_partial()
     {
         $this->assertFieldRendersHtml([
-            '<input type="text" name="custom" value="">',
+            '<input id="[[form-handle]]-form-custom-field" type="text" name="custom" value="">',
         ], [
             'handle' => 'custom',
             'field' => [
@@ -442,7 +454,7 @@ public function it_dynamically_renders_field_with_fallback_to_default_partial()
         ]);
 
         $this->assertFieldRendersHtml([
-            '<input type="text" name="custom" value="fall back to default partial">',
+            '<input id="[[form-handle]]-form-custom-field" type="text" name="custom" value="fall back to default partial">',
         ], [
             'handle' => 'custom',
             'field' => [
diff --git a/tests/Tags/Form/FormTestCase.php b/tests/Tags/Form/FormTestCase.php
index 0fe6227cc8..c6ee6695ac 100644
--- a/tests/Tags/Form/FormTestCase.php
+++ b/tests/Tags/Form/FormTestCase.php
@@ -115,7 +115,9 @@ protected function assertFieldRendersHtml($expectedHtmlParts, $fieldConfig, $old
             $this->tag("{{ form:{$handle} {$extraParams}}}{{ fields }}{{ field}}{{ /fields }}{{ /form:{$handle} }}", $oldData)
         );
 
-        $expected = collect(Arr::wrap($expectedHtmlParts))->implode('');
+        $expected = collect(Arr::wrap($expectedHtmlParts))
+            ->map(fn ($html) => str_replace('[[form-handle]]', $handle, $html)) // allow testing against dynamic form handle
+            ->implode('');
 
         $this->assertStringContainsString($expected, $output);
     }
diff --git a/tests/Tags/User/PasswordFormTest.php b/tests/Tags/User/PasswordFormTest.php
index 9e39826fa8..35855b1051 100644
--- a/tests/Tags/User/PasswordFormTest.php
+++ b/tests/Tags/User/PasswordFormTest.php
@@ -74,9 +74,9 @@ public function it_renders_form_with_fields_array()
         preg_match_all('/<label>.+<\/label><input.+>/U', $output, $actual);
 
         $expected = [
-            '<label>Current Password</label><input type="password" name="current_password" value="">',
-            '<label>Password</label><input type="password" name="password" value="">',
-            '<label>Password Confirmation</label><input type="password" name="password_confirmation" value="">',
+            '<label>Current Password</label><input id="userpassword-form-current_password-field" type="password" name="current_password" value="">',
+            '<label>Password</label><input id="userpassword-form-password-field" type="password" name="password" value="">',
+            '<label>Password Confirmation</label><input id="userpassword-form-password_confirmation-field" type="password" name="password_confirmation" value="">',
         ];
 
         $this->assertEquals($expected, $actual[0]);
diff --git a/tests/Tags/User/ProfileFormTest.php b/tests/Tags/User/ProfileFormTest.php
index a9a2f64955..bd06e393a8 100644
--- a/tests/Tags/User/ProfileFormTest.php
+++ b/tests/Tags/User/ProfileFormTest.php
@@ -74,8 +74,8 @@ public function it_renders_form_with_fields_array()
         preg_match_all('/<label>.+<\/label><input.+>/U', $output, $actual);
 
         $expected = [
-            '<label>Name</label><input type="text" name="name" value="Test User">',
-            '<label>Email Address</label><input type="email" name="email" value="test@example.com">',
+            '<label>Name</label><input id="userprofile-form-name-field" type="text" name="name" value="Test User">',
+            '<label>Email Address</label><input id="userprofile-form-email-field" type="email" name="email" value="test@example.com">',
         ];
 
         $this->assertEquals($expected, $actual[0]);
@@ -103,10 +103,10 @@ public function it_renders_form_with_fields_array_and_custom_blueprint()
         preg_match_all('/<label>.+<\/label><input.+>/U', $output, $actual);
 
         $expected = [
-            '<label>Full Name</label><input type="text" name="name" value="Test User">',
-            '<label>Email Address</label><input type="email" name="email" value="test@example.com">',
-            '<label>Phone Number</label><input type="text" name="phone" value="12345">',
-            '<label>Over 18 years of age?</label><input type="text" name="age" value="" required>',
+            '<label>Full Name</label><input id="userprofile-form-name-field" type="text" name="name" value="Test User">',
+            '<label>Email Address</label><input id="userprofile-form-email-field" type="email" name="email" value="test@example.com">',
+            '<label>Phone Number</label><input id="userprofile-form-phone-field" type="text" name="phone" value="12345">',
+            '<label>Over 18 years of age?</label><input id="userprofile-form-age-field" type="text" name="age" value="" required>',
         ];
 
         $this->assertEquals($expected, $actual[0]);
diff --git a/tests/Tags/User/RegisterFormTest.php b/tests/Tags/User/RegisterFormTest.php
index b25fa1b81e..f86fcec19f 100644
--- a/tests/Tags/User/RegisterFormTest.php
+++ b/tests/Tags/User/RegisterFormTest.php
@@ -70,10 +70,10 @@ public function it_renders_form_with_fields_array()
         preg_match_all('/<label>.+<\/label><input.+>/U', $output, $actual);
 
         $expected = [
-            '<label>Email Address</label><input type="email" name="email" value="">',
-            '<label>Password</label><input type="password" name="password" value="">',
-            '<label>Password Confirmation</label><input type="password" name="password_confirmation" value="">',
-            '<label>Name</label><input type="text" name="name" value="">',
+            '<label>Email Address</label><input id="userregister-form-email-field" type="email" name="email" value="">',
+            '<label>Password</label><input id="userregister-form-password-field" type="password" name="password" value="">',
+            '<label>Password Confirmation</label><input id="userregister-form-password_confirmation-field" type="password" name="password_confirmation" value="">',
+            '<label>Name</label><input id="userregister-form-name-field" type="text" name="name" value="">',
         ];
 
         $this->assertEquals($expected, $actual[0]);
@@ -96,12 +96,12 @@ public function it_renders_form_with_fields_array_and_custom_blueprint()
         preg_match_all('/<label>.+<\/label><input.+>/U', $output, $actual);
 
         $expected = [
-            '<label>Email Address</label><input type="email" name="email" value="">',
-            '<label>Password</label><input type="password" name="password" value="">',
-            '<label>Password Confirmation</label><input type="password" name="password_confirmation" value="">',
-            '<label>Full Name</label><input type="text" name="name" value="">',
-            '<label>Phone Number</label><input type="text" name="phone" value="">',
-            '<label>Over 18 years of age?</label><input type="text" name="age" value="" required>',
+            '<label>Email Address</label><input id="userregister-form-email-field" type="email" name="email" value="">',
+            '<label>Password</label><input id="userregister-form-password-field" type="password" name="password" value="">',
+            '<label>Password Confirmation</label><input id="userregister-form-password_confirmation-field" type="password" name="password_confirmation" value="">',
+            '<label>Full Name</label><input id="userregister-form-name-field" type="text" name="name" value="">',
+            '<label>Phone Number</label><input id="userregister-form-phone-field" type="text" name="phone" value="">',
+            '<label>Over 18 years of age?</label><input id="userregister-form-age-field" type="text" name="age" value="" required>',
         ];
 
         $this->assertEquals($expected, $actual[0]);