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/css | |
| 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/css')
| -rw-r--r-- | docs/_includes/css/helpers.html | 4 | ||||
| -rw-r--r-- | docs/_includes/css/type.html | 3 |
2 files changed, 3 insertions, 4 deletions
diff --git a/docs/_includes/css/helpers.html b/docs/_includes/css/helpers.html index c6701bfdc..db60f0ad8 100644 --- a/docs/_includes/css/helpers.html +++ b/docs/_includes/css/helpers.html @@ -56,10 +56,10 @@ <h3 id="helper-classes-close">Close icon</h3> <p>Use the generic close icon for dismissing content like modals and alerts.</p> <div class="bs-example" data-example-id="close-icon"> - <p><button type="button" class="close"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button></p> + <p><button type="button" class="close" aria-label="Close"><span aria-hidden="true">×</span></button></p> </div> {% highlight html %} -<button type="button" class="close"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> +<button type="button" class="close" aria-label="Close"><span aria-hidden="true">×</span></button> {% endhighlight %} diff --git a/docs/_includes/css/type.html b/docs/_includes/css/type.html index 18cd96464..294a1df29 100644 --- a/docs/_includes/css/type.html +++ b/docs/_includes/css/type.html @@ -220,10 +220,9 @@ You can use the mark tag to <mark>highlight</mark> text. <!-- Abbreviations --> <h2 id="type-abbreviations">Abbreviations</h2> - <p>Stylized implementation of HTML's <code><abbr></code> element for abbreviations and acronyms to show the expanded version on hover. Abbreviations with a <code>title</code> attribute have a light dotted bottom border and a help cursor on hover, providing additional context on hover.</p> + <p>Stylized implementation of HTML's <code><abbr></code> element for abbreviations and acronyms to show the expanded version on hover. Abbreviations with a <code>title</code> attribute have a light dotted bottom border and a help cursor on hover, providing additional context on hover and to users of assistive technologies.</p> <h3>Basic abbreviation</h3> - <p>For expanded text on long hover of an abbreviation, include the <code>title</code> attribute with the <code><abbr></code> element.</p> <div class="bs-example" data-example-id="simple-abbr"> <p>An abbreviation of the word attribute is <abbr title="attribute">attr</abbr>.</p> </div> |