aboutsummaryrefslogtreecommitdiff
path: root/docs/components/button-group.md
diff options
context:
space:
mode:
authorPatrick H. Lauke <[email protected]>2017-04-09 22:08:36 +0100
committerGitHub <[email protected]>2017-04-09 22:08:36 +0100
commit0af28c26ecb0b57cd7db8627928b8466d165af5b (patch)
treeb02dbe5c3cbfaea4f45b1197e9928eadedd875e9 /docs/components/button-group.md
parent6702107131b810da91fcec040c4d74f79d3a1a26 (diff)
parent61536dd076a53219a96c2c173e022d8b0cd6fe80 (diff)
downloadbootstrap-0af28c26ecb0b57cd7db8627928b8466d165af5b.tar.xz
bootstrap-0af28c26ecb0b57cd7db8627928b8466d165af5b.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 %}