diff options
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> |