aboutsummaryrefslogtreecommitdiff
path: root/docs/examples/carousel
diff options
context:
space:
mode:
authorChris Rebert <[email protected]>2014-07-07 20:16:52 -0700
committerChris Rebert <[email protected]>2014-07-07 20:16:52 -0700
commit2e3f1a23f6703d985f3017526dc9ba1c7ddbe4e3 (patch)
tree2cc3457442c0a01462972a040abbc7fe01dacf58 /docs/examples/carousel
parentb83bf671a186ba8ddd45c69e588a02dd5ef41b30 (diff)
parent849bf58a549eb03bf420be7a893d4739893de995 (diff)
downloadbootstrap-2e3f1a23f6703d985f3017526dc9ba1c7ddbe4e3.tar.xz
bootstrap-2e3f1a23f6703d985f3017526dc9ba1c7ddbe4e3.zip
Merge pull request #14072 from twbs/carousel-gloss-buttons
Add screenreader text to prev/next carousel buttons in examples to improve accessibility
Diffstat (limited to 'docs/examples/carousel')
-rw-r--r--docs/examples/carousel/index.html10
1 files changed, 8 insertions, 2 deletions
diff --git a/docs/examples/carousel/index.html b/docs/examples/carousel/index.html
index 113a51d16..42998f1e4 100644
--- a/docs/examples/carousel/index.html
+++ b/docs/examples/carousel/index.html
@@ -113,8 +113,14 @@
</div>
</div>
</div>
- <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
- <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
+ <a class="left carousel-control" href="#myCarousel" 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="#myCarousel" role="button" data-slide="next">
+ <span class="glyphicon glyphicon-chevron-right"></span>
+ <span class="sr-only">Next</span>
+ </a>
</div><!-- /.carousel -->