aboutsummaryrefslogtreecommitdiff
path: root/components.html
diff options
context:
space:
mode:
authorChris Rebert <[email protected]>2013-08-12 16:01:43 -0700
committerChris Rebert <[email protected]>2013-08-12 17:28:53 -0700
commit598f811fa0838ba6153e07862621f13e6c877ca4 (patch)
tree64bb6b7344121dfef2497daa6f15b28c684b4d65 /components.html
parent5b9717ef67e679d3ae2a70023d042136db00ce71 (diff)
downloadbootstrap-598f811fa0838ba6153e07862621f13e6c877ca4.tar.xz
bootstrap-598f811fa0838ba6153e07862621f13e6c877ca4.zip
add alt text to media object <img>s
Diffstat (limited to 'components.html')
-rw-r--r--components.html20
1 files changed, 10 insertions, 10 deletions
diff --git a/components.html b/components.html
index c30ea31a8..9bfd43982 100644
--- a/components.html
+++ b/components.html
@@ -2148,7 +2148,7 @@ body { padding-bottom: 70px; }
<div class="bs-example">
<div class="media">
<a class="pull-left" href="#">
- <img class="media-object" data-src="holder.js/64x64">
+ <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image">
</a>
<div class="media-body">
<h4 class="media-heading">Media heading</h4>
@@ -2157,14 +2157,14 @@ body { padding-bottom: 70px; }
</div>
<div class="media">
<a class="pull-left" href="#">
- <img class="media-object" data-src="holder.js/64x64">
+ <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image">
</a>
<div class="media-body">
<h4 class="media-heading">Media heading</h4>
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
<div class="media">
<a class="pull-left" href="#">
- <img class="media-object" data-src="holder.js/64x64">
+ <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image">
</a>
<div class="media-body">
<h4 class="media-heading">Media heading</h4>
@@ -2177,7 +2177,7 @@ body { padding-bottom: 70px; }
{% highlight html %}
<div class="media">
<a class="pull-left" href="#">
- <img class="media-object" src="...">
+ <img class="media-object" src="..." alt="...">
</a>
<div class="media-body">
<h4 class="media-heading">Media heading</h4>
@@ -2192,7 +2192,7 @@ body { padding-bottom: 70px; }
<ul class="media-list">
<li class="media">
<a class="pull-left" href="#">
- <img class="media-object" data-src="holder.js/64x64">
+ <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image">
</a>
<div class="media-body">
<h4 class="media-heading">Media heading</h4>
@@ -2200,7 +2200,7 @@ body { padding-bottom: 70px; }
<!-- Nested media object -->
<div class="media">
<a class="pull-left" href="#">
- <img class="media-object" data-src="holder.js/64x64">
+ <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image">
</a>
<div class="media-body">
<h4 class="media-heading">Nested media heading</h4>
@@ -2208,7 +2208,7 @@ body { padding-bottom: 70px; }
<!-- Nested media object -->
<div class="media">
<a class="pull-left" href="#">
- <img class="media-object" data-src="holder.js/64x64">
+ <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image">
</a>
<div class="media-body">
<h4 class="media-heading">Nested media heading</h4>
@@ -2220,7 +2220,7 @@ body { padding-bottom: 70px; }
<!-- Nested media object -->
<div class="media">
<a class="pull-left" href="#">
- <img class="media-object" data-src="holder.js/64x64">
+ <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image">
</a>
<div class="media-body">
<h4 class="media-heading">Nested media heading</h4>
@@ -2231,7 +2231,7 @@ body { padding-bottom: 70px; }
</li>
<li class="media">
<a class="pull-right" href="#">
- <img class="media-object" data-src="holder.js/64x64">
+ <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image">
</a>
<div class="media-body">
<h4 class="media-heading">Media heading</h4>
@@ -2244,7 +2244,7 @@ body { padding-bottom: 70px; }
<ul class="media-list">
<li class="media">
<a class="pull-left" href="#">
- <img class="media-object" src="...">
+ <img class="media-object" src="..." alt="...">
</a>
<div class="media-body">
<h4 class="media-heading">Media heading</h4>