Browse Source

add alt text to images

pull/291/head
Chris Rebert 11 years ago
parent
commit
79e1ce501c
  1. 12
      docs/components.html
  2. 6
      docs/examples.html
  3. 24
      docs/examples/app-movies/index.html

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

6
docs/examples.html

@ -26,19 +26,19 @@ title: Examples &middot; 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>

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

Loading…
Cancel
Save