diff options
| author | Chris Rebert <[email protected]> | 2014-07-07 20:04:22 -0700 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2014-07-07 20:05:44 -0700 |
| commit | 849bf58a549eb03bf420be7a893d4739893de995 (patch) | |
| tree | 3f176e8fb814fb8c52a63ff68108d301afb32ff2 /docs/_includes/js | |
| parent | 5d1abf8b380aa94be26f52a662636cc6501fec2d (diff) | |
| download | bootstrap-849bf58a549eb03bf420be7a893d4739893de995.tar.xz bootstrap-849bf58a549eb03bf420be7a893d4739893de995.zip | |
Add screenreader text to prev/next carousel buttons in examples to improve accessibility
Refs #13556.
Per https://github.com/paypal/bootstrap-accessibility-plugin/blob/master/README.md#carousel
Credit: https://github.com/paypal/bootstrap-accessibility-plugin
[skip sauce]
Diffstat (limited to 'docs/_includes/js')
| -rw-r--r-- | docs/_includes/js/carousel.html | 6 |
1 files changed, 6 insertions, 0 deletions
diff --git a/docs/_includes/js/carousel.html b/docs/_includes/js/carousel.html index 222caf333..dd697ae4f 100644 --- a/docs/_includes/js/carousel.html +++ b/docs/_includes/js/carousel.html @@ -23,9 +23,11 @@ </div> <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> + <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> + <span class="sr-only">Next</span> </a> </div> </div><!-- /example --> @@ -58,9 +60,11 @@ <!-- Controls --> <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> + <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> + <span class="sr-only">Next</span> </a> </div> {% endhighlight %} @@ -104,9 +108,11 @@ </div> <a class="left carousel-control" href="#carousel-example-captions" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> + <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#carousel-example-captions" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> + <span class="sr-only">Next</span> </a> </div> </div><!-- /example --> |