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/js/alerts.html | |
| 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/js/alerts.html')
| -rw-r--r-- | docs/_includes/js/alerts.html | 7 |
1 files changed, 3 insertions, 4 deletions
diff --git a/docs/_includes/js/alerts.html b/docs/_includes/js/alerts.html index f93abc8b2..399cd732f 100644 --- a/docs/_includes/js/alerts.html +++ b/docs/_includes/js/alerts.html @@ -6,12 +6,12 @@ <p>When using a <code>.close</code> button, it must be the first child of the <code>.alert-dismissible</code> and no text content may come before it in the markup.</p> <div class="bs-example bs-example-standalone" data-example-id="dismissible-alert-js"> <div class="alert alert-warning alert-dismissible fade in" 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>Holy guacamole!</strong> Best check yo self, you're not looking too good. </div> <div class="alert alert-danger alert-dismissible fade in" 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> <h4>Oh snap! You got an error!</h4> <p>Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.</p> <p> @@ -27,9 +27,8 @@ <p>Just add <code>data-dismiss="alert"</code> to your close button to automatically give an alert close functionality. Closing an alert removes it from the DOM.</p> {% highlight html %} -<button type="button" class="close" data-dismiss="alert"> +<button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">×</span> - <span class="sr-only">Close</span> </button> {% endhighlight %} |