2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-17 19:21:23 +03:00

Use aria-labelledby to associate form-text (helper) with input field … (#37587)

* Use aria-labelledby to associate form-text (helper) with input field when it contains mandatory info (e.g. data format)

* Example in input-group needs aria-describedby (or aria-labelledby) too

Co-authored-by: Mark Otto <markdotto@gmail.com>
This commit is contained in:
Hannah Issermann
2022-12-28 22:19:34 +01:00
committed by GitHub
parent 5d9c09ccba
commit a99234d528
2 changed files with 6 additions and 5 deletions
+2 -2
View File
@@ -25,9 +25,9 @@ Place one add-on or button on either side of an input. You may also place one on
<label for="basic-url" class="form-label">Your vanity URL</label>
<div class="input-group">
<span class="input-group-text" id="basic-addon3">https://example.com/users/</span>
<input type="text" class="form-control" id="basic-url" aria-describedby="basic-addon3">
<input type="text" class="form-control" id="basic-url" aria-describedby="basic-addon3 basic-addon4">
</div>
<div class="form-text">Example help text goes outside the input group.</div>
<div class="form-text" id="basic-addon4">Example help text goes outside the input group.</div>
</div>
<div class="input-group mb-3">