From 754362ee6bf911cf8c4628a3adabba2610aa1e59 Mon Sep 17 00:00:00 2001
From: ysds <ysds.code@gmail.com>
Date: Wed, 18 Mar 2020 00:00:17 +0900
Subject: [PATCH] Associate validation feedbacks with their form

---
 site/content/docs/5.0/forms/validation.md | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/site/content/docs/5.0/forms/validation.md b/site/content/docs/5.0/forms/validation.md
index 57a786380..37403feed 100644
--- a/site/content/docs/5.0/forms/validation.md
+++ b/site/content/docs/5.0/forms/validation.md
@@ -287,10 +287,10 @@ You can insert custom feedback messages with the `.valid-feedback` or `.invalid-
 
   <div class="mb-3">
     <div class="form-check">
-      <input type="checkbox" class="form-check-input is-invalid" id="feedbackCheckbox" required>
+      <input type="checkbox" class="form-check-input is-invalid" id="feedbackCheckbox" aria-describedby="messageFeedbackCheckbox" required>
       <label class="form-check-label" for="feedbackCheckbox">Check this checkbox</label>
     </div>
-    <div class="invalid-feedback">
+    <div class="invalid-feedback" id="messageFeedbackCheckbox">
       Example invalid feedback text
     </div>
   </div>
@@ -316,6 +316,9 @@ You can insert custom feedback messages with the `.valid-feedback` or `.invalid-
       <span class="form-file-button">Browse</span>
     </label>
   </div>
+  <div class="invalid-feedback" id="messageFeedbackFile">
+    Example invalid feedback text
+  </div>
 </form>
 {{< /example >}}