From: Chris Rebert <code@rebertia.com>
Date: Tue, 8 Jul 2014 02:53:57 +0000 (-0700)
Subject: add role="listbox" to .carousel-inner to improve accessibility of Carousels
X-Git-Tag: v3.3.0~362^2~1^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=94eff8c159359c52eaebb6db6611ca337a557fd7;p=thirdparty%2Fbootstrap.git

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]
---

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>