diff options
| author | Patrick H. Lauke <[email protected]> | 2017-03-30 22:45:36 +0100 |
|---|---|---|
| committer | Patrick H. Lauke <[email protected]> | 2017-03-30 23:31:14 +0100 |
| commit | 63cd4e96b3511853361b1c47dff05496e62c4e9a (patch) | |
| tree | 79caec8bca25134de7e0282cba225c76f146fdca /docs/components/button-group.md | |
| parent | cb4bc89fdf0286e9b88b6d5be6148b9b53463ff8 (diff) | |
| download | bootstrap-63cd4e96b3511853361b1c47dff05496e62c4e9a.tar.xz bootstrap-63cd4e96b3511853361b1c47dff05496e62c4e9a.zip | |
Add explicit aria-label to placeholder-only inputs
While `placeholder` is nominally valid per spec
http://rawgit.com/w3c/html-api-map/master/index.html#accessible-name-and-description-calculation
it is inelegant, a fallback, and not supported in ios/safari/voiceover
and android/chrome/talkback, to name a few combinations
`aria-describedby` is also not really the right tool for providing a
name/label equivalent, so remove that from the list of possible
alternative methods / clarify how it can be used
Diffstat (limited to 'docs/components/button-group.md')
| -rw-r--r-- | docs/components/button-group.md | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/docs/components/button-group.md b/docs/components/button-group.md index 59a18e262..5c21e51f7 100644 --- a/docs/components/button-group.md +++ b/docs/components/button-group.md @@ -59,7 +59,7 @@ Feel free to mix input groups with button groups in your toolbars. Similar to th </div> <div class="input-group"> <span class="input-group-addon" id="btnGroupAddon">@</span> - <input type="text" class="form-control" placeholder="Input group example" aria-describedby="btnGroupAddon"> + <input type="text" class="form-control" placeholder="Input group example" aria-label="Input group example" aria-describedby="btnGroupAddon"> </div> </div> @@ -72,7 +72,7 @@ Feel free to mix input groups with button groups in your toolbars. Similar to th </div> <div class="input-group"> <span class="input-group-addon" id="btnGroupAddon2">@</span> - <input type="text" class="form-control" placeholder="Input group example" aria-describedby="btnGroupAddon2"> + <input type="text" class="form-control" placeholder="Input group example" aria-label="Input group example" aria-describedby="btnGroupAddon2"> </div> </div> {% endexample %} |
