aboutsummaryrefslogtreecommitdiff
path: root/docs/components/button-group.md
diff options
context:
space:
mode:
authorPatrick H. Lauke <[email protected]>2017-03-30 22:45:36 +0100
committerPatrick H. Lauke <[email protected]>2017-03-30 23:31:14 +0100
commit63cd4e96b3511853361b1c47dff05496e62c4e9a (patch)
tree79caec8bca25134de7e0282cba225c76f146fdca /docs/components/button-group.md
parentcb4bc89fdf0286e9b88b6d5be6148b9b53463ff8 (diff)
downloadbootstrap-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.md4
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 %}