diff options
author | Patrick H. Lauke <redux@splintered.co.uk> | 2014-12-08 13:36:26 +0300 |
---|---|---|
committer | Patrick H. Lauke <redux@splintered.co.uk> | 2014-12-08 13:36:26 +0300 |
commit | 52e4b87b5a2ac6543f9a901946bea84966681216 (patch) | |
tree | 9f550f46a15cb6b716c10d110450f868bd23433c /docs | |
parent | deffd946ef585ec42268bf7439d351ef9123f376 (diff) |
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
Diffstat (limited to 'docs')
-rw-r--r-- | docs/_includes/css/forms.html | 2 |
1 files changed, 1 insertions, 1 deletions
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><label></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> |