From: Patrick H. Lauke <redux@splintered.co.uk>
Date: Mon, 8 Dec 2014 10:36:26 +0000 (+0000)
Subject: Expand advice for optional icons with hidden labels
X-Git-Tag: v3.3.2~5^2~108^2~4
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=52e4b87b5a2ac6543f9a901946bea84966681216;p=thirdparty%2Fbootstrap.git

Expand advice for optional icons with hidden labels

to clarify/hint that a ``<label class="sr-only">`` is not the only way
to do it
---

diff --git a/docs/_includes/css/forms.html b/docs/_includes/css/forms.html
index 3ab202f7c9..d88498f8e1 100644
--- a/docs/_includes/css/forms.html
+++ b/docs/_includes/css/forms.html
@@ -764,7 +764,7 @@
 {% endhighlight %}
 
   <h4>Optional icons with hidden <code>.sr-only</code> labels</h4>
-  <p>For form controls with no visible label, add the <code>.sr-only</code> class on the label. Bootstrap will automatically adjust the position of the icon once it's been added.</p>
+  <p>If you use the <code>.sr-only</code> class to hide a form control's <code>&lt;label&gt;</code> (rather than using other labelling options, such as the <code>aria-label</code> attribute), Bootstrap will automatically adjust the position of the icon once it's been added.</p>
   <div class="bs-example" data-example-id="form-validation-state-with-icon-without-label">
     <div class="form-group has-success has-feedback">
       <label class="control-label sr-only" for="inputSuccess5">Hidden label</label>