add alt text to images

docs/components.html

@@ -508,7 +508,7 @@ title: Components · Ratchet
       <ul class="table-view">
         <li class="table-view-cell media">
           <a class="push-right">
-            <img class="media-object pull-left" src="http://placehold.it/42x42">
+            <img class="media-object pull-left" src="http://placehold.it/42x42" alt="Placeholder image">
             <div class="media-body">
               Item 1
               <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. Lorem ipsum dolor sit amet.</p>
@@ -517,7 +517,7 @@ title: Components &middot; Ratchet
         </li>
         <li class="table-view-cell media">
           <a class="push-right">
-            <img class="media-object pull-left" src="http://placehold.it/42x42">
+            <img class="media-object pull-left" src="http://placehold.it/42x42" alt="Placeholder image">
             <div class="media-body">
               Item 1
               <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. Lorem ipsum dolor sit amet.</p>
@@ -526,7 +526,7 @@ title: Components &middot; Ratchet
         </li>
         <li class="table-view-cell media">
           <a class="push-right">
-            <img class="media-object pull-left" src="http://placehold.it/42x42">
+            <img class="media-object pull-left" src="http://placehold.it/42x42" alt="Placeholder image">
             <div class="media-body">
               Item 1
               <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. Lorem ipsum dolor sit amet.</p>
@@ -1149,17 +1149,17 @@ document
         <div class="slider" id="mySlider">
           <div class="slide-group">
             <div class="slide">
-              <img src="../assets/img/slide-1.png">
+              <img src="../assets/img/slide-1.png" alt="Mountain and sky">
               <span class="slide-text">
                 <span class="icon icon-left-nav"></span>
                 Slide me
               </span>
             </div>
             <div class="slide">
-              <img src="../assets/img/slide-2.png">
+              <img src="../assets/img/slide-2.png" alt="Giant mecha">
             </div>
             <div class="slide">
-              <img src="../assets/img/slide-3.png">
+              <img src="../assets/img/slide-3.png" alt="Big Ben">
             </div>
           </div>
         </div>

docs/examples.html

@@ -26,19 +26,19 @@ title: Examples · Ratchet
       <div class="docs-example-group">
         <div class="example-wrap">
           <a class="example" href="../examples/app-movies" data-ignore="push">
-            <img src="../assets/img/example.png">
+            <img src="../assets/img/example.png" alt="Movie finder app example">
           </a>
           <h5>Movie finder</h5>
         </div>
         <div class="example-wrap">
           <a class="example" href="../examples/app-ios-mail" data-ignore="push">
-            <img src="../assets/img/example-ios.png">
+            <img src="../assets/img/example-ios.png" alt="iOS mail app example">
           </a>
           <h5>iOS mail app</h5>
         </div>
         <div class="example-wrap">
           <a class="example" href="../examples/app-android-notes" data-ignore="push">
-            <img src="../assets/img/example-android.png">
+            <img src="../assets/img/example-android.png" alt="Android notes app example">
           </a>
           <h5>Android notes app</h5>
         </div>

docs/examples/app-movies/index.html

@@ -28,13 +28,13 @@
       <div class="slider">
         <div class="slide-group">
           <div class="slide">
-            <img src="img/argo.png">
+            <img src="img/argo.png" alt="Argo">
           </div>
           <div class="slide">
-             <img src="img/skyfall.png">
+             <img src="img/skyfall.png" alt="Skyfall">
           </div>
           <div class="slide">
-             <img src="img/ralph.png">
+             <img src="img/ralph.png" alt="Wreck-It Ralph">
           </div>
         </div>
       </div>
@@ -43,7 +43,7 @@
         <li class="table-view-cell table-view-divider">Recommended movies</li>
         <li class="table-view-cell media">
           <a class="push-right" href="choose-theater.html" data-transition="slide-in">
-            <img class="media-object pull-left" src="http://placehold.it/64x64">
+            <img class="media-object pull-left" src="http://placehold.it/64x64" alt="">
             <div class="media-body">
               Argo
               <p>Lorem ipsum dolor sit amet, consectetur.</p>
@@ -52,7 +52,7 @@
         </li>
         <li class="table-view-cell media">
           <a class="push-right" href="choose-theater.html" data-transition="slide-in">
-            <img class="media-object pull-left" src="http://placehold.it/64x64">
+            <img class="media-object pull-left" src="http://placehold.it/64x64" alt="">
             <div class="media-body">
               Skyfall: 007
               <p>Lorem ipsum dolor sit amet, consectetur.</p>
@@ -61,7 +61,7 @@
         </li>
         <li class="table-view-cell media">
           <a class="push-right" href="choose-theater.html" data-transition="slide-in">
-            <img class="media-object pull-left" src="http://placehold.it/64x64">
+            <img class="media-object pull-left" src="http://placehold.it/64x64" alt="">
             <div class="media-body">
               Wreck-it Ralph
               <p>Lorem ipsum dolor sit amet, consectetur.</p>
@@ -70,7 +70,7 @@
         </li>
         <li class="table-view-cell media">
           <a class="push-right" href="choose-theater.html" data-transition="slide-in">
-            <img class="media-object pull-left" src="http://placehold.it/64x64">
+            <img class="media-object pull-left" src="http://placehold.it/64x64" alt="">
             <div class="media-body">
               Argo
               <p>Lorem ipsum dolor sit amet, consectetur.</p>
@@ -79,7 +79,7 @@
         </li>
         <li class="table-view-cell media">
           <a class="push-right" href="choose-theater.html" data-transition="slide-in">
-            <img class="media-object pull-left" src="http://placehold.it/64x64">
+            <img class="media-object pull-left" src="http://placehold.it/64x64" alt="">
             <div class="media-body">
               Skyfall: 007
               <p>Lorem ipsum dolor sit amet, consectetur.</p>
@@ -88,7 +88,7 @@
         </li>
         <li class="table-view-cell media">
           <a class="push-right" href="choose-theater.html" data-transition="slide-in">
-            <img class="media-object pull-left" src="http://placehold.it/64x64">
+            <img class="media-object pull-left" src="http://placehold.it/64x64" alt="">
             <div class="media-body">
               Wreck-it Ralph
               <p>Lorem ipsum dolor sit amet, consectetur.</p>
@@ -97,7 +97,7 @@
         </li>
         <li class="table-view-cell media">
           <a class="push-right" href="choose-theater.html" data-transition="slide-in">
-            <img class="media-object pull-left" src="http://placehold.it/64x64">
+            <img class="media-object pull-left" src="http://placehold.it/64x64" alt="">
             <div class="media-body">
               Argo
               <p>Lorem ipsum dolor sit amet, consectetur.</p>
@@ -106,7 +106,7 @@
         </li>
         <li class="table-view-cell media">
           <a class="push-right" href="choose-theater.html" data-transition="slide-in">
-            <img class="media-object pull-left" src="http://placehold.it/64x64">
+            <img class="media-object pull-left" src="http://placehold.it/64x64" alt="">
             <div class="media-body">
               Skyfall: 007
               <p>Lorem ipsum dolor sit amet, consectetur.</p>
@@ -115,7 +115,7 @@
         </li>
         <li class="table-view-cell media">
           <a class="push-right" href="choose-theater.html" data-transition="slide-in">
-            <img class="media-object pull-left" src="http://placehold.it/64x64">
+            <img class="media-object pull-left" src="http://placehold.it/64x64" alt="">
             <div class="media-body">
               Wreck-it Ralph
               <p>Lorem ipsum dolor sit amet, consectetur.</p>