From b7ac0d401f4100a40028e8b75d6130b70e4d9390 Mon Sep 17 00:00:00 2001
From: Chris Rebert <code@rebertia.com>
Date: Fri, 9 May 2014 15:31:52 -0700
Subject: [PATCH] add role="button" to [data-slide="prev"],[data-slide="next"]
to improve accessibility
Per https://github.com/paypal/bootstrap-accessibility-plugin/blob/master/README.md#carousel
Credit: https://github.com/paypal/bootstrap-accessibility-plugin
---
docs/_includes/js/carousel.html | 12 ++++++------
docs/examples/carousel/index.html | 4 ++--
docs/examples/rtl/index.html | 4 ++--
docs/examples/theme/index.html | 4 ++--
4 files changed, 12 insertions(+), 12 deletions(-)
diff --git a/docs/_includes/js/carousel.html b/docs/_includes/js/carousel.html
index fa7476b686..b8a0d1e4ba 100644
--- a/docs/_includes/js/carousel.html
+++ b/docs/_includes/js/carousel.html
@@ -21,10 +21,10 @@
<img data-src="holder.js/900x500/auto/#555:#333/text:Third slide" alt="Third slide">
</div>
</div>
- <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
+ <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
- <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
+ <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
@@ -56,10 +56,10 @@
</div>
<!-- Controls -->
- <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
+ <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
- <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
+ <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
@@ -102,10 +102,10 @@
</div>
</div>
</div>
- <a class="left carousel-control" href="#carousel-example-captions" data-slide="prev">
+ <a class="left carousel-control" href="#carousel-example-captions" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
- <a class="right carousel-control" href="#carousel-example-captions" data-slide="next">
+ <a class="right carousel-control" href="#carousel-example-captions" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
diff --git a/docs/examples/carousel/index.html b/docs/examples/carousel/index.html
index 8283146030..06a2eb8bc8 100644
--- a/docs/examples/carousel/index.html
+++ b/docs/examples/carousel/index.html
@@ -113,8 +113,8 @@
</div>
</div>
</div>
- <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
- <a class="right carousel-control" href="#myCarousel" 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></a>
+ <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
</div><!-- /.carousel -->
diff --git a/docs/examples/rtl/index.html b/docs/examples/rtl/index.html
index 0708314616..2af2007105 100644
--- a/docs/examples/rtl/index.html
+++ b/docs/examples/rtl/index.html
@@ -626,10 +626,10 @@
<img data-src="holder.js/1140x500/auto/#555:#333/text:Third slide" alt="Third slide">
</div>
</div>
- <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
+ <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
- <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
+ <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
diff --git a/docs/examples/theme/index.html b/docs/examples/theme/index.html
index f312df4eec..429de1730b 100644
--- a/docs/examples/theme/index.html
+++ b/docs/examples/theme/index.html
@@ -628,10 +628,10 @@
<img data-src="holder.js/1140x500/auto/#555:#333/text:Third slide" alt="Third slide">
</div>
</div>
- <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
+ <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
- <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
+ <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
--
GitLab