diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2023-08-06 07:58:36 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2023-08-06 07:58:36 +0000 |
commit | 548342184e2173d6f39aba2462196ff8b397db8f (patch) | |
tree | 995bd2844c5f4e453bdd21d27ff0417af1c910c5 /site/content/docs/5.3/forms/form-control.md | |
parent | Adding upstream version 5.3.0+dfsg. (diff) | |
download | bootstrap-html-upstream/5.3.1+dfsg.tar.xz bootstrap-html-upstream/5.3.1+dfsg.zip |
Adding upstream version 5.3.1+dfsg.upstream/5.3.1+dfsg
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to '')
-rw-r--r-- | site/content/docs/5.3/forms/form-control.md | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/site/content/docs/5.3/forms/form-control.md b/site/content/docs/5.3/forms/form-control.md index 0c6b599..1f3474d 100644 --- a/site/content/docs/5.3/forms/form-control.md +++ b/site/content/docs/5.3/forms/form-control.md @@ -36,14 +36,14 @@ Set heights using classes like `.form-control-lg` and `.form-control-sm`. Block-level or inline-level form text can be created using `.form-text`. {{< callout warning >}} -Form text should be explicitly associated with the form control it relates to using the `aria-labelledby` (for mandatory information such as data format) or `aria-describedby` (for complementary information) attribute. This will ensure that assistive technologies—such as screen readers—will announce this form text when the user focuses or enters the control. +Form text should be explicitly associated with the form control it relates to using the `aria-describedby` attribute. This will ensure that assistive technologies—such as screen readers—will announce this form text when the user focuses or enters the control. {{< /callout >}} Form text below inputs can be styled with `.form-text`. If a block-level element will be used, a top margin is added for easy spacing from the inputs above. {{< example >}} <label for="inputPassword5" class="form-label">Password</label> -<input type="password" id="inputPassword5" class="form-control" aria-labelledby="passwordHelpBlock"> +<input type="password" id="inputPassword5" class="form-control" aria-describedby="passwordHelpBlock"> <div id="passwordHelpBlock" class="form-text"> Your password must be 8-20 characters long, contain letters and numbers, and must not contain spaces, special characters, or emoji. </div> @@ -57,7 +57,7 @@ Inline text can use any typical inline HTML element (be it a `<span>`, `<small>` <label for="inputPassword6" class="col-form-label">Password</label> </div> <div class="col-auto"> - <input type="password" id="inputPassword6" class="form-control" aria-labelledby="passwordHelpInline"> + <input type="password" id="inputPassword6" class="form-control" aria-describedby="passwordHelpInline"> </div> <div class="col-auto"> <span id="passwordHelpInline" class="form-text"> |