diff options
| author | Patrick H. Lauke <[email protected]> | 2017-04-11 11:23:40 +0100 |
|---|---|---|
| committer | GitHub <[email protected]> | 2017-04-11 11:23:40 +0100 |
| commit | 29460b2005cde9ff807dc2c846fb95f150ffa872 (patch) | |
| tree | e09409a49a00a82daec72627379b12420046181f | |
| parent | eae1d3873365f8f6ffcf4bc167977cd41b206469 (diff) | |
| parent | 53b2c5520bb5d9fb8170692803870c8dbc8bf206 (diff) | |
| download | bootstrap-29460b2005cde9ff807dc2c846fb95f150ffa872.tar.xz bootstrap-29460b2005cde9ff807dc2c846fb95f150ffa872.zip | |
Remove inappropriate role="listbox" from carousels
Closes #22061
Xref #22365
| -rw-r--r-- | docs/components/carousel.md | 8 | ||||
| -rw-r--r-- | docs/examples/carousel/index.html | 2 | ||||
| -rw-r--r-- | js/tests/visual/carousel.html | 2 |
3 files changed, 6 insertions, 6 deletions
diff --git a/docs/components/carousel.md b/docs/components/carousel.md index e75484316..d1606940a 100644 --- a/docs/components/carousel.md +++ b/docs/components/carousel.md @@ -28,7 +28,7 @@ Here's a carousel with slides only. Note the presence of the `.d-block` and `.im {% example html %} <div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel"> - <div class="carousel-inner" role="listbox"> + <div class="carousel-inner"> <div class="carousel-item active"> <img class="d-block w-100" data-src="holder.js/800x400?auto=yes&bg=777&fg=555&text=First slide" alt="First slide"> </div> @@ -48,7 +48,7 @@ Adding in the previous and next controls: {% example html %} <div id="carouselExampleControls" class="carousel slide" data-ride="carousel"> - <div class="carousel-inner" role="listbox"> + <div class="carousel-inner"> <div class="carousel-item active"> <img class="d-block w-100" data-src="holder.js/800x400?auto=yes&bg=777&fg=555&text=First slide" alt="First slide"> </div> @@ -81,7 +81,7 @@ You can also add the indicators to the carousel, alongside the controls, too. <li data-target="#carouselExampleIndicators" data-slide-to="1"></li> <li data-target="#carouselExampleIndicators" data-slide-to="2"></li> </ol> - <div class="carousel-inner" role="listbox"> + <div class="carousel-inner"> <div class="carousel-item active"> <img class="d-block w-100" data-src="holder.js/800x400?auto=yes&bg=777&fg=555&text=First slide" alt="First slide"> </div> @@ -120,7 +120,7 @@ Add captions to your slides easily with the `.carousel-caption` element within a <li data-target="#carouselExampleCaptions" data-slide-to="1"></li> <li data-target="#carouselExampleCaptions" data-slide-to="2"></li> </ol> - <div class="carousel-inner" role="listbox"> + <div class="carousel-inner"> <div class="carousel-item active"> <img class="d-block w-100" data-src="holder.js/800x400?auto=yes&bg=777&fg=555&text=First slide" alt="First slide"> <div class="carousel-caption d-none d-md-block"> diff --git a/docs/examples/carousel/index.html b/docs/examples/carousel/index.html index e746c5915..072129a61 100644 --- a/docs/examples/carousel/index.html +++ b/docs/examples/carousel/index.html @@ -47,7 +47,7 @@ <li data-target="#myCarousel" data-slide-to="1"></li> <li data-target="#myCarousel" data-slide-to="2"></li> </ol> - <div class="carousel-inner" role="listbox"> + <div class="carousel-inner"> <div class="carousel-item active"> <img class="first-slide" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="First slide"> <div class="container"> diff --git a/js/tests/visual/carousel.html b/js/tests/visual/carousel.html index ad249d874..8d71a97bd 100644 --- a/js/tests/visual/carousel.html +++ b/js/tests/visual/carousel.html @@ -18,7 +18,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" role="listbox"> + <div class="carousel-inner"> <div class="carousel-item active"> <img src="https://37.media.tumblr.com/tumblr_m8tay0JcfG1qa42jro1_1280.jpg" alt="First slide"> </div> |