Merge pull request #11349 from alefteris/examples-navbar-sr-only

Add toogle nav for screen readers in examples

9 files changed, 11 insertions, 0 deletions

diff --git a/examples/carousel/index.html b/examples/carousel/index.html
index 00610346f..2e8516fab 100644
--- a/examples/carousel/index.html
+++ b/examples/carousel/index.html
@@ -35,6 +35,7 @@
           <div class="container">
             <div class="navbar-header">
               <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+                <span class="sr-only">Toggle navigation</span>
                 <span class="icon-bar"></span>
                 <span class="icon-bar"></span>
                 <span class="icon-bar"></span>
diff --git a/examples/jumbotron/index.html b/examples/jumbotron/index.html
index 3181f9be3..3e301a104 100644
--- a/examples/jumbotron/index.html
+++ b/examples/jumbotron/index.html
@@ -32,6 +32,7 @@
       <div class="container">
         <div class="navbar-header">
           <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+            <span class="sr-only">Toggle navigation</span>
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
diff --git a/examples/navbar-fixed-top/index.html b/examples/navbar-fixed-top/index.html
index f5aa3704f..de04aa645 100644
--- a/examples/navbar-fixed-top/index.html
+++ b/examples/navbar-fixed-top/index.html
@@ -33,6 +33,7 @@
       <div class="container">
         <div class="navbar-header">
           <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+            <span class="sr-only">Toggle navigation</span>
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
diff --git a/examples/navbar-static-top/index.html b/examples/navbar-static-top/index.html
index 657a968b4..c77c00a20 100644
--- a/examples/navbar-static-top/index.html
+++ b/examples/navbar-static-top/index.html
@@ -33,6 +33,7 @@
       <div class="container">
         <div class="navbar-header">
           <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+            <span class="sr-only">Toggle navigation</span>
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
diff --git a/examples/navbar/index.html b/examples/navbar/index.html
index 6cc91a671..24c154a49 100644
--- a/examples/navbar/index.html
+++ b/examples/navbar/index.html
@@ -34,6 +34,7 @@
       <div class="navbar navbar-default" role="navigation">
         <div class="navbar-header">
           <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+            <span class="sr-only">Toggle navigation</span>
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
diff --git a/examples/offcanvas/index.html b/examples/offcanvas/index.html
index 1fc5c551e..a9350bdd6 100644
--- a/examples/offcanvas/index.html
+++ b/examples/offcanvas/index.html
@@ -31,6 +31,7 @@
       <div class="container">
         <div class="navbar-header">
           <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+            <span class="sr-only">Toggle navigation</span>
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
diff --git a/examples/starter-template/index.html b/examples/starter-template/index.html
index fa27fa59d..a792db821 100644
--- a/examples/starter-template/index.html
+++ b/examples/starter-template/index.html
@@ -32,6 +32,7 @@
       <div class="container">
         <div class="navbar-header">
           <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+            <span class="sr-only">Toggle navigation</span>
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
diff --git a/examples/sticky-footer-navbar/index.html b/examples/sticky-footer-navbar/index.html
index 76e56abe7..fb8607440 100644
--- a/examples/sticky-footer-navbar/index.html
+++ b/examples/sticky-footer-navbar/index.html
@@ -36,6 +36,7 @@
         <div class="container">
           <div class="navbar-header">
             <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+              <span class="sr-only">Toggle navigation</span>
               <span class="icon-bar"></span>
               <span class="icon-bar"></span>
               <span class="icon-bar"></span>
diff --git a/examples/theme/index.html b/examples/theme/index.html
index 5e66e8167..5adb44ab0 100644
--- a/examples/theme/index.html
+++ b/examples/theme/index.html
@@ -35,6 +35,7 @@
       <div class="container">
         <div class="navbar-header">
           <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+            <span class="sr-only">Toggle navigation</span>
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
@@ -148,6 +149,7 @@
         <div class="container">
           <div class="navbar-header">
             <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+              <span class="sr-only">Toggle navigation</span>
               <span class="icon-bar"></span>
               <span class="icon-bar"></span>
               <span class="icon-bar"></span>
@@ -180,6 +182,7 @@
         <div class="container">
           <div class="navbar-header">
             <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+              <span class="sr-only">Toggle navigation</span>
               <span class="icon-bar"></span>
               <span class="icon-bar"></span>
               <span class="icon-bar"></span>