diff options
| author | Chris Rebert <[email protected]> | 2014-07-07 20:16:52 -0700 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2014-07-07 20:16:52 -0700 |
| commit | 2e3f1a23f6703d985f3017526dc9ba1c7ddbe4e3 (patch) | |
| tree | 2cc3457442c0a01462972a040abbc7fe01dacf58 /docs | |
| parent | b83bf671a186ba8ddd45c69e588a02dd5ef41b30 (diff) | |
| parent | 849bf58a549eb03bf420be7a893d4739893de995 (diff) | |
| download | bootstrap-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')
| -rw-r--r-- | docs/_includes/js/carousel.html | 6 | ||||
| -rw-r--r-- | docs/examples/carousel/index.html | 10 | ||||
| -rw-r--r-- | docs/examples/theme/index.html | 2 |
3 files changed, 16 insertions, 2 deletions
diff --git a/docs/_includes/js/carousel.html b/docs/_includes/js/carousel.html index e58107fba..728356268 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 --> 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 --> diff --git a/docs/examples/theme/index.html b/docs/examples/theme/index.html index 8a956e1e3..2412b2206 100644 --- a/docs/examples/theme/index.html +++ b/docs/examples/theme/index.html @@ -633,9 +633,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> |