Associate validation feedbacks with their form

twbs · Jun 12, 2020 · 754362e · 754362e
1 parent 99775f9
commit 754362e
Showing 1 changed file with 5 additions and 2 deletions.
diff --git 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 >}}