[html5] r1427 - /

whatwg at whatwg.org whatwg at whatwg.org
Thu Apr 10 14:03:08 PDT 2008


Author: ianh
Date: 2008-04-10 14:03:07 -0700 (Thu, 10 Apr 2008)
New Revision: 1427

Modified:
   index
   source
Log:
[e] (0) Add yet more examples of image alt='' text.

Modified: index
===================================================================
--- index	2008-04-10 09:44:10 UTC (rev 1426)
+++ index	2008-04-10 21:03:07 UTC (rev 1427)
@@ -13461,6 +13461,50 @@
    href="#complete">complete</a></code> can change while a script is
    executing.
 
+  <div class=example>
+   <p>A single image can have different appropriate <code
+    title=attr-img-alt><a href="#alt">alt</a></code> text depending on the
+    content.</p>
+
+   <p>In each of the following cases, the same image is used, yet the <code
+    title=attr-img-alt><a href="#alt">alt</a></code> text is different each
+    time. The image is the coat of arms of the Canton Geneva in Switzerland.</p>
+
+   <p>Here it is used as a supplementary icon:</p>
+
+   <pre><p>I lived in <img src="carouge.svg" alt=""> Carouge.</p></pre>
+
+   <p>Here it is used as an icon representing the town:</p>
+
+   <pre><p>Home town: <img src="carouge.svg" alt="Carouge"></p></pre>
+
+   <p>Here it is used as part of a text on the town:</p>
+
+   <pre><p>Carouge has a coat of arms.</p>
+<p><img src="carouge.svg" alt="The coat of arms depicts a lion, sitting in front of a tree."></p>
+<p>It is used as decoration all over the town.</p></pre>
+
+   <p>Here it is used as a way to support a similar text where the
+    description is given as well as, instead of as an alternative to, the
+    image:</p>
+
+   <pre><p>Carouge has a coat of arms.</p>
+<p><img src="carouge.svg" alt=""></p>
+<p>The coat of arms depicts a lion, sitting in front of a tree.
+It is used as decoration all over the town.</p></pre>
+
+   <p>Here it is used as part of a story:</p>
+
+   <pre><p>He picked up the folder and a piece of paper fell out.</p>
+<p><img src="carouge.svg" alt="Shaped like a shield, the paper had a
+red background, a green tree, and a yellow lion with its tongue
+hanging out and whose tail was shaped like an S."></p>
+<p>He stared at the folder. S! The answer he had been looking for all
+this time was simply the letter S! How had he not seen that before? It all
+came together now. The phone call where Hector had referred to a lion's tail,
+the time Marco had stuck his tongue out...</p></pre>
+  </div>
+
   <h4 id=the-iframe><span class=secno>3.12.3 </span>The <dfn
    id=iframe><code>iframe</code></dfn> element</h4>
 

Modified: source
===================================================================
--- source	2008-04-10 09:44:10 UTC (rev 1426)
+++ source	2008-04-10 21:03:07 UTC (rev 1427)
@@ -11442,6 +11442,51 @@
   is executing.</p>
 
 
+  <div class="example">
+
+   <p>A single image can have different appropriate <code
+   title="attr-img-alt">alt</code> text depending on the content.</p>
+
+   <p>In each of the following cases, the same image is used, yet the
+   <code title="attr-img-alt">alt</code> text is different each
+   time. The image is the coat of arms of the Canton Geneva in
+   Switzerland.</p>
+
+   <p>Here it is used as a supplementary icon:</p>
+   <pre><p>I lived in <img src="carouge.svg" alt=""> Carouge.</p></pre>
+
+   <p>Here it is used as an icon representing the town:</p>
+   <pre><p>Home town: <img src="carouge.svg" alt="Carouge"></p></pre>
+
+   <p>Here it is used as part of a text on the town:</p>
+
+   <pre><p>Carouge has a coat of arms.</p>
+<p><img src="carouge.svg" alt="The coat of arms depicts a lion, sitting in front of a tree."></p>
+<p>It is used as decoration all over the town.</p></pre>
+
+   <p>Here it is used as a way to support a similar text where the
+   description is given as well as, instead of as an alternative to,
+   the image:</p>
+
+   <pre><p>Carouge has a coat of arms.</p>
+<p><img src="carouge.svg" alt=""></p>
+<p>The coat of arms depicts a lion, sitting in front of a tree.
+It is used as decoration all over the town.</p></pre>
+
+   <p>Here it is used as part of a story:</p>
+
+   <pre><p>He picked up the folder and a piece of paper fell out.</p>
+<p><img src="carouge.svg" alt="Shaped like a shield, the paper had a
+red background, a green tree, and a yellow lion with its tongue
+hanging out and whose tail was shaped like an S."></p>
+<p>He stared at the folder. S! The answer he had been looking for all
+this time was simply the letter S! How had he not seen that before? It all
+came together now. The phone call where Hector had referred to a lion's tail,
+the time Marco had stuck his tongue out...</p></pre>
+
+  </div>
+
+
   <h4>The <dfn><code>iframe</code></dfn> element</h4>
 
   <dl class="element">




More information about the Commit-Watchers mailing list