From 94eff8c159359c52eaebb6db6611ca337a557fd7 Mon Sep 17 00:00:00 2001
From: Chris Rebert <code@rebertia.com>
Date: Mon, 7 Jul 2014 19:53:57 -0700
Subject: [PATCH] add role="listbox" to .carousel-inner to improve
accessibility of Carousels
Refs #13556.
Per https://github.com/paypal/bootstrap-accessibility-plugin/#carousel
Credit: https://github.com/paypal/bootstrap-accessibility-plugin
[skip sauce]
---
docs/_includes/js/carousel.html | 6 +++---
docs/examples/carousel/index.html | 2 +-
docs/examples/theme/index.html | 2 +-
3 files changed, 5 insertions(+), 5 deletions(-)
diff --git a/docs/_includes/js/carousel.html b/docs/_includes/js/carousel.html
index 222caf333c..e58107fbad 100644
--- a/docs/_includes/js/carousel.html
+++ b/docs/_includes/js/carousel.html
@@ -10,7 +10,7 @@
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>
- <div class="carousel-inner">
+ <div class="carousel-inner" role="listbox">
<div class="item active">
<img data-src="holder.js/900x500/auto/#777:#555/text:First slide" alt="First slide">
</div>
@@ -39,7 +39,7 @@
</ol>
<!-- Wrapper for slides -->
- <div class="carousel-inner">
+ <div class="carousel-inner" role="listbox">
<div class="item active">
<img src="..." alt="...">
<div class="carousel-caption">
@@ -79,7 +79,7 @@
<li data-target="#carousel-example-captions" data-slide-to="1"></li>
<li data-target="#carousel-example-captions" data-slide-to="2"></li>
</ol>
- <div class="carousel-inner">
+ <div class="carousel-inner" role="listbox">
<div class="item active">
<img data-src="holder.js/900x500/auto/#777:#777" alt="First slide image">
<div class="carousel-caption">
diff --git a/docs/examples/carousel/index.html b/docs/examples/carousel/index.html
index efe2c97542..113a51d163 100644
--- a/docs/examples/carousel/index.html
+++ b/docs/examples/carousel/index.html
@@ -81,7 +81,7 @@
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
- <div class="carousel-inner">
+ <div class="carousel-inner" role="listbox">
<div class="item active">
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="First slide">
<div class="container">
diff --git a/docs/examples/theme/index.html b/docs/examples/theme/index.html
index 0f686c32e0..8a956e1e35 100644
--- a/docs/examples/theme/index.html
+++ b/docs/examples/theme/index.html
@@ -620,7 +620,7 @@
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>
- <div class="carousel-inner">
+ <div class="carousel-inner" role="listbox">
<div class="item active">
<img data-src="holder.js/1140x500/auto/#777:#555/text:First slide" alt="First slide">
</div>
--
GitLab