From 3bcd80949564d26fd1d2779a35977bedd74229ca Mon Sep 17 00:00:00 2001
From: Pawan Kumar <pwnkumar201@gmail.com>
Date: Wed, 23 Feb 2022 15:07:32 +0530
Subject: [PATCH 1/4] aria(response message): added aria-role in response
 messages.

---
 page-accessibility.html                    | 2 +-
 page-polls.html                            | 4 ++--
 templates/page-forms/section-elements.html | 6 +++---
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/page-accessibility.html b/page-accessibility.html
index 2adce4c0..e5352d2d 100644
--- a/page-accessibility.html
+++ b/page-accessibility.html
@@ -53,7 +53,7 @@ <h1 class="showcase-topnav-title">
 						role="form"
 					>
 
-						<div class="forminator-response-message" aria-hidden="true"></div>
+						<div class="forminator-response-message" aria-hidden="true" role="alert"></div>
 
 						<!-- PAGINATION: Steps -->
 						<div class="forminator-pagination-steps" aria-hidden="true">
diff --git a/page-polls.html b/page-polls.html
index 7ff1ae31..0a60bd5c 100644
--- a/page-polls.html
+++ b/page-polls.html
@@ -45,7 +45,7 @@ <h1>Polls UI</h1>
 								data-design="default"
 							>
 
-								<div class="forminator-response-message" aria-hidden="true"></div>
+								<div class="forminator-response-message" aria-hidden="true" role="alert"></div>
 
 								<div class="forminator-poll-header">
 
@@ -134,7 +134,7 @@ <h1>Polls UI</h1>
 								data-design="default"
 							>
 
-								<div class="forminator-response-message" aria-hidden="true"></div>
+								<div class="forminator-response-message" aria-hidden="true" role="alert"></div>
 
 								<div class="forminator-poll-header">
 
diff --git a/templates/page-forms/section-elements.html b/templates/page-forms/section-elements.html
index 06b148c0..0463c795 100644
--- a/templates/page-forms/section-elements.html
+++ b/templates/page-forms/section-elements.html
@@ -28,15 +28,15 @@ <h1>Form Elements</h1>
 						data-design="default"
 					>
 
-						<div class="forminator-response-message forminator-error forminator-show">
+						<div class="forminator-response-message forminator-error forminator-show" role="alert">
 							<p>Error message</p>
 						</div>
 
-						<div class="forminator-response-message forminator-success forminator-show">
+						<div class="forminator-response-message forminator-success forminator-show" role="alert">
 							<p>Success message</p>
 						</div>
 
-						<div class="forminator-response-message forminator-loading forminator-show">
+						<div class="forminator-response-message forminator-loading forminator-show" role="alert">
 							<p>Loading message</p>
 						</div>
 

From 08e81369c43b4fc566f59cfb7b9a98c5db5d1fc9 Mon Sep 17 00:00:00 2001
From: Pawan Kumar <pwnkumar201@gmail.com>
Date: Wed, 23 Feb 2022 15:36:16 +0530
Subject: [PATCH 2/4] aria(response message): added aria-role in response
 messages.

---
 assets/js/public/page-polls.js             |  4 ++--
 assets/js/public/page-quizzes.js           |  2 +-
 library/js/form-simulation.js              |  2 +-
 page-accessibility.html                    | 22 +++++++++++++++++++++-
 page-polls.html                            |  4 ++--
 templates/page-forms/section-elements.html |  6 +++---
 6 files changed, 30 insertions(+), 10 deletions(-)

diff --git a/assets/js/public/page-polls.js b/assets/js/public/page-polls.js
index 5fcd4bdb..4dd99dab 100644
--- a/assets/js/public/page-polls.js
+++ b/assets/js/public/page-polls.js
@@ -50,7 +50,7 @@
 				const response = poll.find( '.forminator-response-message' );
 
 				// Print message
-				response.html( '<p>Your vote was submitted successfully.</p>' );
+				response.html( '<p role="alert">Your vote was submitted successfully.</p>' );
 
 				// Show success message
 				response.addClass( 'forminator-success' );
@@ -71,7 +71,7 @@
 				const response = poll.find( '.forminator-response-message' );
 
 				// Print message
-				response.html( '<p>No option has been picked yet, please choose one before submitting the form.</p>' );
+				response.html( '<p role="alert">No option has been picked yet, please choose one before submitting the form.</p>' );
 
 				// Add field error
 				field.addClass( 'forminator-has_error' );
diff --git a/assets/js/public/page-quizzes.js b/assets/js/public/page-quizzes.js
index a7135ad5..2c6f8f06 100644
--- a/assets/js/public/page-quizzes.js
+++ b/assets/js/public/page-quizzes.js
@@ -37,7 +37,7 @@
 
 		// Print summary.
 		result.append( summary );
-		result.find( '.forminator-quiz--summary' ).append( '<p>You got ' + form.find( '.forminator-is_correct' ).length + '/' + form.find( '.forminator-question' ).length + ' correct!</p>' );
+		result.find( '.forminator-quiz--summary' ).append( '<p role="alert">You got ' + form.find( '.forminator-is_correct' ).length + '/' + form.find( '.forminator-question' ).length + ' correct!</p>' );
 		result.find( '.forminator-quiz--summary' ).show();
 		result.find( '.forminator-quiz--summary' ).removeAttr( 'hidden' );
 
diff --git a/library/js/form-simulation.js b/library/js/form-simulation.js
index effb8de6..08552756 100644
--- a/library/js/form-simulation.js
+++ b/library/js/form-simulation.js
@@ -59,7 +59,7 @@
 
 		function validateSuccess() {
 
-			message = '<p>Form was submitted successfully.</p>';
+			message = '<p role="alert">Form was submitted successfully.</p>';
 
 			// Print message
 			response.html( message );
diff --git a/page-accessibility.html b/page-accessibility.html
index e5352d2d..f0cb2066 100644
--- a/page-accessibility.html
+++ b/page-accessibility.html
@@ -53,7 +53,7 @@ <h1 class="showcase-topnav-title">
 						role="form"
 					>
 
-						<div class="forminator-response-message" aria-hidden="true" role="alert"></div>
+						<div class="forminator-response-message" aria-hidden="true"></div>
 
 						<!-- PAGINATION: Steps -->
 						<div class="forminator-pagination-steps" aria-hidden="true">
@@ -210,6 +210,26 @@ <h1 class="showcase-topnav-title">
 
 						</div>
 
+						<div
+						class="forminator-ui forminator-custom-form"
+						data-id="10"
+						data-design="default"
+					>
+
+						<div class="forminator-response-message forminator-error forminator-show">
+							<p role="alert">Error message</p>
+						</div>
+
+						<div class="forminator-response-message forminator-success forminator-show">
+							<p role="alert">Success message</p>
+						</div>
+
+						<div class="forminator-response-message forminator-loading forminator-show">
+							<p role="alert">Loading message</p>
+						</div>
+
+					</div>
+
 					</form>
 
 					<!-- Footer -->
diff --git a/page-polls.html b/page-polls.html
index 0a60bd5c..7ff1ae31 100644
--- a/page-polls.html
+++ b/page-polls.html
@@ -45,7 +45,7 @@ <h1>Polls UI</h1>
 								data-design="default"
 							>
 
-								<div class="forminator-response-message" aria-hidden="true" role="alert"></div>
+								<div class="forminator-response-message" aria-hidden="true"></div>
 
 								<div class="forminator-poll-header">
 
@@ -134,7 +134,7 @@ <h1>Polls UI</h1>
 								data-design="default"
 							>
 
-								<div class="forminator-response-message" aria-hidden="true" role="alert"></div>
+								<div class="forminator-response-message" aria-hidden="true"></div>
 
 								<div class="forminator-poll-header">
 
diff --git a/templates/page-forms/section-elements.html b/templates/page-forms/section-elements.html
index 0463c795..06b148c0 100644
--- a/templates/page-forms/section-elements.html
+++ b/templates/page-forms/section-elements.html
@@ -28,15 +28,15 @@ <h1>Form Elements</h1>
 						data-design="default"
 					>
 
-						<div class="forminator-response-message forminator-error forminator-show" role="alert">
+						<div class="forminator-response-message forminator-error forminator-show">
 							<p>Error message</p>
 						</div>
 
-						<div class="forminator-response-message forminator-success forminator-show" role="alert">
+						<div class="forminator-response-message forminator-success forminator-show">
 							<p>Success message</p>
 						</div>
 
-						<div class="forminator-response-message forminator-loading forminator-show" role="alert">
+						<div class="forminator-response-message forminator-loading forminator-show">
 							<p>Loading message</p>
 						</div>
 

From 689e35e281308325d129452674cb1de89ecb9a69 Mon Sep 17 00:00:00 2001
From: Pawan Kumar <pwnkumar201@gmail.com>
Date: Wed, 23 Feb 2022 15:38:25 +0530
Subject: [PATCH 3/4] aria(response message): added aria-role in response
 messages.

---
 page-accessibility.html | 20 --------------------
 1 file changed, 20 deletions(-)

diff --git a/page-accessibility.html b/page-accessibility.html
index f0cb2066..2adce4c0 100644
--- a/page-accessibility.html
+++ b/page-accessibility.html
@@ -210,26 +210,6 @@ <h1 class="showcase-topnav-title">
 
 						</div>
 
-						<div
-						class="forminator-ui forminator-custom-form"
-						data-id="10"
-						data-design="default"
-					>
-
-						<div class="forminator-response-message forminator-error forminator-show">
-							<p role="alert">Error message</p>
-						</div>
-
-						<div class="forminator-response-message forminator-success forminator-show">
-							<p role="alert">Success message</p>
-						</div>
-
-						<div class="forminator-response-message forminator-loading forminator-show">
-							<p role="alert">Loading message</p>
-						</div>
-
-					</div>
-
 					</form>
 
 					<!-- Footer -->

From bd078b843596571ffb46a05f0946ff25be44af54 Mon Sep 17 00:00:00 2001
From: Pawan Kumar <pwnkumar201@gmail.com>
Date: Wed, 23 Feb 2022 15:39:58 +0530
Subject: [PATCH 4/4] aria(response message): added aria-role in response
 messages.

---
 templates/page-forms/section-elements.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/templates/page-forms/section-elements.html b/templates/page-forms/section-elements.html
index 06b148c0..c8845983 100644
--- a/templates/page-forms/section-elements.html
+++ b/templates/page-forms/section-elements.html
@@ -29,15 +29,15 @@ <h1>Form Elements</h1>
 					>
 
 						<div class="forminator-response-message forminator-error forminator-show">
-							<p>Error message</p>
+							<p role="alert">Error message</p>
 						</div>
 
 						<div class="forminator-response-message forminator-success forminator-show">
-							<p>Success message</p>
+							<p role="alert">Success message</p>
 						</div>
 
 						<div class="forminator-response-message forminator-loading forminator-show">
-							<p>Loading message</p>
+							<p role="alert">Loading message</p>
 						</div>
 
 					</div>