diff options
| author | Patrick H. Lauke <[email protected]> | 2014-12-07 22:46:20 +0000 |
|---|---|---|
| committer | Patrick H. Lauke <[email protected]> | 2014-12-07 22:46:20 +0000 |
| commit | 255e5d68751cb93f95d1cbddbf2a12d5f56d4b70 (patch) | |
| tree | c202dd65a45407eb720b5f5e07f5eee6dd2aca93 /docs/_includes/components | |
| parent | 08f388679b7e77104d3129733feffb956b10dcf0 (diff) | |
| parent | 202f1f8d69b119fd63d6788ee98e40321f53423b (diff) | |
| download | bootstrap-255e5d68751cb93f95d1cbddbf2a12d5f56d4b70.tar.xz bootstrap-255e5d68751cb93f95d1cbddbf2a12d5f56d4b70.zip | |
Merge pull request #15320 from patrickhlauke/docs-accessibility-tweaks
Docs accessibility tweaks: use ``aria-label`` for close ``<button>``, expand advice for ``<abbr>``, form control labels, make sidebar navigation a ``<nav>``
Diffstat (limited to 'docs/_includes/components')
| -rw-r--r-- | docs/_includes/components/alerts.html | 4 | ||||
| -rw-r--r-- | docs/_includes/components/navbar.html | 2 |
2 files changed, 3 insertions, 3 deletions
diff --git a/docs/_includes/components/alerts.html b/docs/_includes/components/alerts.html index 717308354..7487a968a 100644 --- a/docs/_includes/components/alerts.html +++ b/docs/_includes/components/alerts.html @@ -40,13 +40,13 @@ </div> <div class="bs-example" data-example-id="dismissible-alert-css"> <div class="alert alert-warning alert-dismissible" role="alert"> - <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> + <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button> <strong>Warning!</strong> Better check yourself, you're not looking too good. </div> </div> {% highlight html %} <div class="alert alert-warning alert-dismissible" role="alert"> - <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> + <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button> <strong>Warning!</strong> Better check yourself, you're not looking too good. </div> {% endhighlight %} diff --git a/docs/_includes/components/navbar.html b/docs/_includes/components/navbar.html index c8107c017..6cd731ac6 100644 --- a/docs/_includes/components/navbar.html +++ b/docs/_includes/components/navbar.html @@ -208,7 +208,7 @@ <div class="bs-callout bs-callout-warning" id="callout-navbar-form-labels"> <h4>Always add labels</h4> - <p>Screen readers will have trouble with your forms if you don't include a label for every input. For these inline navbar forms, you can hide the labels using the <code>.sr-only</code> class.</p> + <p>Screen readers will have trouble with your forms if you don't include a label for every input. For these inline forms, you can hide the labels using the <code>.sr-only</code> class. There are further alternative methods of providing a label for assistive technologies, such as the <code>aria-label</code>, <code>aria-labelledby</code> or <code>title</code> attribute. If none of these is present, screen readers may resort to using the <code>placeholder</code> attribute, if present, but note that use of <code>placeholder</code> as a replacement for other labelling methods is not advised.</p> </div> |