diff options
| author | Chris Rebert <[email protected]> | 2014-05-03 19:38:09 -0700 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2014-05-03 19:53:34 -0700 |
| commit | 949b81f51171550bcec0d92e771793999e69a389 (patch) | |
| tree | 30d5d243a71a289ae1aa74e9f27d62be5b309a47 /docs/_includes/css | |
| parent | bae289d1fe59d1c403b1a4fceaea6379f6008a2a (diff) | |
| download | bootstrap-949b81f51171550bcec0d92e771793999e69a389.tar.xz bootstrap-949b81f51171550bcec0d92e771793999e69a389.zip | |
Improve accessibility of close buttons in modals & alerts
Adds textual caption to the close buttons. The "X" multiplication sign isn't very meaningful to screenreaders.
Credit: https://github.com/paypal/bootstrap-accessibility-plugin
Per:
https://github.com/paypal/bootstrap-accessibility-plugin/blob/master/README.md#alert
https://github.com/paypal/bootstrap-accessibility-plugin/blob/master/README.md#modal-dialog
Diffstat (limited to 'docs/_includes/css')
| -rw-r--r-- | docs/_includes/css/helpers.html | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/docs/_includes/css/helpers.html b/docs/_includes/css/helpers.html index a76704673..043dad9ff 100644 --- a/docs/_includes/css/helpers.html +++ b/docs/_includes/css/helpers.html @@ -48,10 +48,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"> - <p><button type="button" class="close" aria-hidden="true">×</button></p> + <p><button type="button" class="close"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button></p> </div> {% highlight html %} -<button type="button" class="close" aria-hidden="true">×</button> +<button type="button" class="close"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> {% endhighlight %} |