diff options
| author | Mark Otto <[email protected]> | 2017-07-04 13:07:15 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2017-07-04 13:07:15 -0700 |
| commit | 059969bcd2f71adc4411b0a14b8a6ad8ac2ab94b (patch) | |
| tree | 64e9d5c0216df9b113b87b1f6ef114334386e4f5 /docs/_includes/css/forms.html | |
| parent | 4c4390193f58131ae16e8c690c55342955bf4a5d (diff) | |
| download | bootstrap-059969bcd2f71adc4411b0a14b8a6ad8ac2ab94b.tar.xz bootstrap-059969bcd2f71adc4411b0a14b8a6ad8ac2ab94b.zip | |
update links, new version to v3.4.0, add new baseurl for easy v3.4 building
Diffstat (limited to 'docs/_includes/css/forms.html')
| -rw-r--r-- | docs/_includes/css/forms.html | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/docs/_includes/css/forms.html b/docs/_includes/css/forms.html index ce0673a0e..7aac785b8 100644 --- a/docs/_includes/css/forms.html +++ b/docs/_includes/css/forms.html @@ -240,7 +240,7 @@ {% endhighlight %} <div class="bs-callout bs-callout-info" id="callout-xref-input-group"> <h4>Input groups</h4> - <p>To add integrated text or buttons before and/or after any text-based <code><input></code>, <a href="../components/#input-groups">check out the input group component</a>.</p> + <p>To add integrated text or buttons before and/or after any text-based <code><input></code>, <a href="{{ site.baseurl }}/components/#input-groups">check out the input group component</a>.</p> </div> <h3>Textarea</h3> @@ -639,7 +639,7 @@ <div class="bs-callout bs-callout-warning" id="callout-form-validation-state-accessibility"> <h4>Conveying validation state to assistive technologies and colorblind users</h4> <p>Using these validation styles to denote the state of a form control only provides a visual, color-based indication, which will not be conveyed to users of assistive technologies - such as screen readers - or to colorblind users.</p> - <p>Ensure that an alternative indication of state is also provided. For instance, you can include a hint about state in the form control's <code><label></code> text itself (as is the case in the following code example), include a <a href="../components/#glyphicons">Glyphicon</a> (with appropriate alternative text using the <code>.sr-only</code> class - see the <a href="../components/#glyphicons-examples">Glyphicon examples</a>), or by providing an additional <a href="#forms-help-text">help text</a> block. Specifically for assistive technologies, invalid form controls can also be assigned an <code>aria-invalid="true"</code> attribute.</p> + <p>Ensure that an alternative indication of state is also provided. For instance, you can include a hint about state in the form control's <code><label></code> text itself (as is the case in the following code example), include a <a href="{{ site.baseurl }}/components/#glyphicons">Glyphicon</a> (with appropriate alternative text using the <code>.sr-only</code> class - see the <a href="{{ site.baseurl }}/components/#glyphicons-examples">Glyphicon examples</a>), or by providing an additional <a href="#forms-help-text">help text</a> block. Specifically for assistive technologies, invalid form controls can also be assigned an <code>aria-invalid="true"</code> attribute.</p> </div> <div class="bs-example" data-example-id="form-validation-states"> @@ -728,7 +728,7 @@ <p><strong class="text-danger">Feedback icons only work with textual <code><input class="form-control"></code> elements.</strong></p> <div class="bs-callout bs-callout-warning" id="callout-has-feedback-icon-positioning"> <h4>Icons, labels, and input groups</h4> - <p>Manual positioning of feedback icons is required for inputs without a label and for <a href="../components#input-groups">input groups</a> with an add-on on the right. You are strongly encouraged to provide labels for all inputs for accessibility reasons. If you wish to prevent labels from being displayed, hide them with the <code>.sr-only</code> class. If you must do without labels, adjust the <code>top</code> value of the feedback icon. For input groups, adjust the <code>right</code> value to an appropriate pixel value depending on the width of your addon.</p> + <p>Manual positioning of feedback icons is required for inputs without a label and for <a href="{{ site.baseurl }}/components#input-groups">input groups</a> with an add-on on the right. You are strongly encouraged to provide labels for all inputs for accessibility reasons. If you wish to prevent labels from being displayed, hide them with the <code>.sr-only</code> class. If you must do without labels, adjust the <code>top</code> value of the feedback icon. For input groups, adjust the <code>right</code> value to an appropriate pixel value depending on the width of your addon.</p> </div> <div class="bs-callout bs-callout-warning" id="callout-has-feedback-icon-accessibility"> <h4>Conveying the icon's meaning to assistive technologies</h4> |