[html5] r8214 - [a] (0) More examples for <img>. Affected topics: HTML

[whatwg at whatwg.org]

Author: ianh
Date: 2013-10-08 16:57:26 -0700 (Tue, 08 Oct 2013)
New Revision: 8214

Modified:
   complete.html
   index
   source
Log:
[a] (0) More examples for <img>.
Affected topics: HTML

Modified: complete.html
===================================================================
--- complete.html	2013-10-07 20:55:57 UTC (rev 8213)
+++ complete.html	2013-10-08 23:57:26 UTC (rev 8214)
@@ -256,7 +256,7 @@
 
   <header class=head id=head><p><a href=http://www.whatwg.org/ class=logo><img width=101 src=/images/logo alt=WHATWG height=101></a></p>
    <hgroup><h1 class=allcaps>HTML</h1>
-    <h2 class="no-num no-toc">Living Standard — Last Updated 7 October 2013</h2>
+    <h2 class="no-num no-toc">Living Standard — Last Updated 8 October 2013</h2>
    </hgroup><dl><dt><strong>Web developer edition:</strong></dt>
     <dd><strong><a href=http://developers.whatwg.org/>http://developers.whatwg.org/</a></strong></dd>
     <dt>Multiple-page version:</dt>
@@ -24127,6 +24127,29 @@
 
     </div>
 
+    <div class=example>
+
+     <p>Similarly, a photograph of a person's face, for example in a biography, can be considered
+     quite relevant and key to the content, but it can be hard to fully substitute text for </p>
+
+     <pre><section class="bio">
+ <h1>A Biography of Isaac Asimov</h1>
+ <p>Born <b>Isaak Yudovich Ozimov</b> in 1920, Isaac was a prolific author.</p>
+ <p><img src="headpics/asimov.jpeg" alt="Isaac Asimov had dark hair, a tall forehead, and wore glasses.
+ Later in life, he wore long white sideburns.">
+ <p>Asimov was born in Russia, and moved to the US when he was three years old.</p>
+ <p>...
+</section></pre>
+
+     <p>In such cases it is unnecessary (and indeed discouraged) to include a reference to the
+     presence of the image itself in the alternative text, since such text would be redundant with
+     the browser itself reporting the presence of the image. For example, if the alternative text
+     was "A photo of Isaac Asimov", then a conforming user agent might read that out as "(Image) A
+     photo of Isaac Asimov" rather than the more useful "(Image) Isaac Asimov had dark hair, a tall
+     forehead, and wore glasses...".</p>
+
+    </div>
+
    </dd>
 
 

Modified: index
===================================================================
--- index	2013-10-07 20:55:57 UTC (rev 8213)
+++ index	2013-10-08 23:57:26 UTC (rev 8214)
@@ -256,7 +256,7 @@
 
   <header class=head id=head><p><a href=http://www.whatwg.org/ class=logo><img width=101 src=/images/logo alt=WHATWG height=101></a></p>
    <hgroup><h1 class=allcaps>HTML</h1>
-    <h2 class="no-num no-toc">Living Standard — Last Updated 7 October 2013</h2>
+    <h2 class="no-num no-toc">Living Standard — Last Updated 8 October 2013</h2>
    </hgroup><dl><dt><strong>Web developer edition:</strong></dt>
     <dd><strong><a href=http://developers.whatwg.org/>http://developers.whatwg.org/</a></strong></dd>
     <dt>Multiple-page version:</dt>
@@ -24127,6 +24127,29 @@
 
     </div>
 
+    <div class=example>
+
+     <p>Similarly, a photograph of a person's face, for example in a biography, can be considered
+     quite relevant and key to the content, but it can be hard to fully substitute text for </p>
+
+     <pre><section class="bio">
+ <h1>A Biography of Isaac Asimov</h1>
+ <p>Born <b>Isaak Yudovich Ozimov</b> in 1920, Isaac was a prolific author.</p>
+ <p><img src="headpics/asimov.jpeg" alt="Isaac Asimov had dark hair, a tall forehead, and wore glasses.
+ Later in life, he wore long white sideburns.">
+ <p>Asimov was born in Russia, and moved to the US when he was three years old.</p>
+ <p>...
+</section></pre>
+
+     <p>In such cases it is unnecessary (and indeed discouraged) to include a reference to the
+     presence of the image itself in the alternative text, since such text would be redundant with
+     the browser itself reporting the presence of the image. For example, if the alternative text
+     was "A photo of Isaac Asimov", then a conforming user agent might read that out as "(Image) A
+     photo of Isaac Asimov" rather than the more useful "(Image) Isaac Asimov had dark hair, a tall
+     forehead, and wore glasses...".</p>
+
+    </div>
+
    </dd>
 
 

Modified: source
===================================================================
--- source	2013-10-07 20:55:57 UTC (rev 8213)
+++ source	2013-10-08 23:57:26 UTC (rev 8214)
@@ -25324,6 +25324,29 @@
 
     </div>
 
+    <div class="example">
+
+     <p>Similarly, a photograph of a person's face, for example in a biography, can be considered
+     quite relevant and key to the content, but it can be hard to fully substitute text for </p>
+
+     <pre><section class="bio">
+ <h1>A Biography of Isaac Asimov</h1>
+ <p>Born <b>Isaak Yudovich Ozimov</b> in 1920, Isaac was a prolific author.</p>
+ <p><img src="headpics/asimov.jpeg" alt="Isaac Asimov had dark hair, a tall forehead, and wore glasses.
+ Later in life, he wore long white sideburns.">
+ <p>Asimov was born in Russia, and moved to the US when he was three years old.</p>
+ <p>...
+</section></pre>
+
+     <p>In such cases it is unnecessary (and indeed discouraged) to include a reference to the
+     presence of the image itself in the alternative text, since such text would be redundant with
+     the browser itself reporting the presence of the image. For example, if the alternative text
+     was "A photo of Isaac Asimov", then a conforming user agent might read that out as "(Image) A
+     photo of Isaac Asimov" rather than the more useful "(Image) Isaac Asimov had dark hair, a tall
+     forehead, and wore glasses...".</p>
+
+    </div>
+
    </dd>