W3C home > Mailing lists > Public > public-html-commits@w3.org > November 2011

html5/alt-techniques Overview.html,1.74,1.75

From: Steven Faulkners via cvs-syncmail <cvsmail@w3.org>
Date: Fri, 25 Nov 2011 13:54:42 +0000
To: public-html-commits@w3.org
Message-Id: <E1RTwEk-0004pI-3C@lionel-hutz.w3.org>
Update of /sources/public/html5/alt-techniques
In directory hutz:/tmp/cvs-serv18538

Modified Files:
	Overview.html 
Log Message:
added stuff about nested figures

Index: Overview.html
===================================================================
RCS file: /sources/public/html5/alt-techniques/Overview.html,v
retrieving revision 1.74
retrieving revision 1.75
diff -u -d -r1.74 -r1.75
--- Overview.html	26 May 2011 13:18:32 -0000	1.74
+++ Overview.html	25 Nov 2011 13:54:39 -0000	1.75
@@ -1,4 +1,4 @@
-<!DOCTYPE html PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN' 'http://www.w3.org/TR/html4/loose.dtd'>
+<!DOCTYPE html>
 <html lang="en" dir="ltr">
 <head><title>HTML5: Techniques for providing useful text alternatives</title>
 
@@ -540,10 +540,10 @@
 }
 
 .note {
-    margin: 1em 0em 0em;
-    padding:    1em;
-    border: 2px solid #cff6d9;
-    background: #e2fff0;
+    margin: 0.5em 0em 0em;
+    padding:    0.5em;
+    border: 1px dashed #FF0000;
+    background: #f5f5f5;
 }
 
 .note::before {
@@ -656,9 +656,12 @@
 pre.sh_sourceCode .sh_section { color: black; font-weight: bold; }
 pre.sh_sourceCode .sh_paren { color: red; }
 pre.sh_sourceCode .sh_attribute { color: #006400; }
+figure {margin:0px;}
+figcaption{padding-bottom: 1em;}
 
 </style><link charset="utf-8" type="text/css" rel="stylesheet" href="http://www.w3.org/StyleSheets/TR/W3C-ED"></head>
-<body style="display: inherit;"><div class="head"><p><a href="http://www.w3.org/"><img src="http://www.w3.org/Icons/w3c_home" alt="W3C" width="72" height="48"></a></p><h1 class="title" id="title">HTML5: Techniques for providing useful text alternatives</h1><h2 id="w3c-editor-s-draft-26-may-2011">W3C Editor's Draft 26 May 2011</h2><dl><dt>This version:</dt><dd><a href="http://dev.w3.org/html5/alt-techniques/">http://dev.w3.org/html5/alt-techniques/</a></dd><dt>Latest published version:</dt><dd><a href="http://www.w3.org/TR/alt-techniques/">http://www.w3.org/TR/alt-techniques/</a></dd><dt>Latest editor's draft:</dt><dd><a href="http://dev.w3.org/html5/alt-techniques/">http://dev.w3.org/html5/alt-techniques/</a></dd><dt>Previous version:</dt><dd>none</dd><dt>Editor:</dt><dd><span>Steve Faulkner</span>, The Paciello Group <span class="ed_mailto"><a href="mailto:sfaulkner@paciellogroup.com">sfaulkner@paciellogroup.com</a></span> </dd>
+<body style="display: inherit;"><div class="head"><p><a href="http://www.w3.org/"><img src="http://www.w3.org/Icons/w3c_home" alt="W3C" width="72" height="48"></a></p><h1 class="title" id="title">HTML5: Techniques for providing useful text alternatives</h1>
+<h2 id="w3c-editor-s-draft-26-may-2011">W3C Editor's Draft 25 November 2011</h2><dl><dt>This version:</dt><dd><a href="http://dev.w3.org/html5/alt-techniques/">http://dev.w3.org/html5/alt-techniques/</a></dd><dt>Latest published version:</dt><dd><a href="http://www.w3.org/TR/alt-techniques/">http://www.w3.org/TR/alt-techniques/</a></dd><dt>Latest editor's draft:</dt><dd><a href="http://dev.w3.org/html5/alt-techniques/">http://dev.w3.org/html5/alt-techniques/</a></dd><dt>Previous version:</dt><dd>none</dd><dt>Editor:</dt><dd><span>Steve Faulkner</span>, The Paciello Group <span class="ed_mailto"><a href="mailto:sfaulkner@paciellogroup.com">sfaulkner@paciellogroup.com</a></span> </dd>
 </dl><p class="copyright"><a href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 2011 <a href="http://www.w3.org/"><acronym title="World Wide Web Consortium">W3C</acronym></a><sup>®</sup> (<a href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute of Technology">MIT</acronym></a>, <a href="http://www.ercim.eu/"><acronym title="European Research Consortium for Informatics and Mathematics">ERCIM</acronym></a>, <a href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C <a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>, <a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a> and <a href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a> rules apply.</p><hr></div>
 
 
@@ -669,11 +672,16 @@
  <p>This specification is an extension to the HTML5 specification [<cite><a href="#bib-HTML5" rel="biblioentry" class="bibref">HTML5</a></cite>]. All normative
     content in the HTML5 specification, unless specifically overridden by this
     specification, is intended to be the basis for this specification.</p>
-  <p>This specification is a replacement for the sections <a href="http://dev.w3.org/html5/spec/Overview.html#alt">4.8.1.1 Requirements for providing text to act as an alternative for images</a> to <a href="4.8.1.1.11%20An%20image%20not%20intended%20for%20the%20user">4.8.2.1.11</a> of the HTML5 specification and all of the normative and non normative content of the sections there-in.</p>
+  <!--<p>This specification is a replacement for the sections <a href="http://dev.w3.org/html5/spec/Overview.html#alt">4.8.1.1 Requirements for providing text to act as an alternative for images</a> to <a href="4.8.1.1.11%20An%20image%20not%20intended%20for%20the%20user">4.8.2.1.11</a> of the HTML5 specification and all of the normative and non normative content of the sections there-in.</p>-->
 
 </div><div id="sotd" class="introductory section"><h2>Status of This Document</h2><p><em>This section describes the status of this document at the time of its publication. Other documents may supersede this document. A list of current W3C publications and the latest revision of this technical report can be found in the <a href="http://www.w3.org/TR/">W3C technical reports index</a> at http://www.w3.org/TR/.</em></p>
   <p class="warning"><strong>This document is subject to change without notice.</strong></p>
-<p>This document was published by the <a href="http://www.w3.org/html/wg/">HTML Working Group</a> as an Editor's Draft. If you wish to make comments regarding this document, please send them to <a href="mailto:public-html@w3.org">public-html@w3.org</a> (<a href="mailto:public-html-request@w3.org?subject=subscribe">subscribe</a>, <a href="http://lists.w3.org/Archives/Public/public-html/">archives</a>). All feedback is welcome.</p><p>Publication as a Editor's Draft does not imply endorsement by the W3C Membership. This is a draft document and may be updated, replaced or obsoleted by other documents at any time. It is inappropriate to cite this document as other than work in progress.</p><p>This document was produced by a group operating under the <a href="http://www.w3.org/Consortium/Patent-Policy-20040205/">5 February 2004 W3C Patent Policy</a>. W3C maintains a <a href="http://www.w3.org/2004/01/pp-impl/40318/status" rel="disclosure">public list of any patent disclosures</a> made in connection with the deliverables of the group; that page also includes instructions for disclosing a patent. An individual who has actual knowledge of a patent which the individual believes contains <a href="http://www.w3.org/Consortium/Patent-Policy-20040205/#def-essential">Essential Claim(s)</a> must disclose the information in accordance with <a href="http://www.w3.org/Consortium/Patent-Policy-20040205/#sec-Disclosure">section 6 of the W3C Patent Policy</a>.</p></div><div class="section" id="toc"><h2 class="introductory">Table of Contents</h2><ul class="toc"><li class="tocline"><a class="tocxref" href="#abstract"><span class="secno">1. </span>Abstract</a></li><li class="tocline"><a class="tocxref" href="#intro_alt"><span class="secno">2. </span>Introduction</a><ul class="toc"><li class="tocline"><a class="tocxref" href="#conformance"><span class="secno">2.1 </span>Conformance</a></li></ul></li><li class="tocline"><a class="tocxref" href="#recommendations"><span class="secno">3. </span>Requirements and Recommendations:</a><ul class="toc"><li class="tocline"><a class="tocxref" href="#sec1"><span class="secno">3.1 </span>A link or button containing only an image</a></li><li class="tocline"><a class="tocxref" href="#sec2"><span class="secno">3.2 </span>Graphical representations: charts, diagrams, graphs, maps, illustrations</a></li><li class="tocline"><a class="tocxref" href="#sec3"><span class="secno">3.3 </span>Images of text</a></li><li class="tocline"><a class="tocxref" href="#sec4"><span class="secno">3.4 </span>Images that include text</a></li><li class="tocline"><a class="tocxref" href="#sec5"><span class="secno">3.5 </span>A purely decorative image that doesn't add any information</a></li><li class="tocline"><a class="tocxref" href="#sec6"><span class="secno">3.6 </span>Images that enhance the themes or subject matter of the page content</a></li><li class="tocline"><a class="tocxref" href="#sec7"><span class="secno">3.7 </span>An image not intended for the user</a></li><li class="tocline"><a class="tocxref" href="#sec8"><span class="secno">3.8 </span>Icons</a></li><li class="tocline"><a class="tocxref" href="#sec9"><span class="secno">3.9 </span>Images of Pictures</a></li><li class="tocline"><a class="tocxref" href="#sec10"><span class="secno">3.10 </span>Webcam images</a></li><li class="tocline"><a class="tocxref" href="#sec11"><span class="secno">3.11 </span>A group of images that form a single larger picture with and without links</a></li><li class="tocline"><a class="tocxref" href="#sec12"><span class="secno">3.12 </span> When a text alternative is unknown at the time of publication</a></li><li class="tocline"><a class="tocxref" href="#sec13"><span class="secno">3.13 </span>CAPTCHA Images </a></li><li class="tocline"><a class="tocxref" href="#sec14"><span class="secno">3.14 </span>Logos, insignia, flags, or emblems</a></li><li class="tocline"><a class="tocxref" href="#sec15"><span class="secno">3.15 </span>Inline images</a></li></ul></li><li class="tocline"><a class="tocxref" href="#methods"><span class="secno">4. </span>Methods for Providing Text Alternatives</a><ul class="toc"><li class="tocline"><a class="tocxref" href="#secm1"><span class="secno">4.1 </span>The <code>img</code> element <code>alt</code> attribute</a><ul class="toc"><li class="tocline"><a class="tocxref" href="#secm2"><span class="secno">4.1.1 </span>Is alt attribute content a replacement for an image?</a></li><li class="tocline"><a class="tocxref" href="#secm3"><span class="secno">4.1.2 </span>Using an empty <code>alt</code> attribute <code>alt=""</code></a></li><li class="tocline"><a class="tocxref" href="#m5"><span class="secno">4.1.3 </span>How long should a  text alternative be?</a></li></ul></li><li class="tocline"><a class="tocxref" href="#m6"><span class="secno">4.2 </span>The <code>figure</code> and <code>figcaption</code> elements</a></li><li class="tocline"><a class="tocxref" href="#secm7"><span class="secno">4.3 </span>The <code>img</code> element <code>title</code> attribute</a></li></ul></li><li class="tocline"><a class="tocxref" href="#gloss"><span class="secno">5. </span>Glossary</a></li><li class="tocline"><a class="tocxref" href="#ack"><span class="secno">6. </span>Acknowledgements</a></li><li class="tocline"><a class="tocxref" href="#references"><span class="secno">A. </span>References</a><ul class="toc"><li class="tocline"><a class="tocxref" href="#normative-references"><span class="secno">A.1 </span>Normative references</a></li><li class="tocline"><a class="tocxref" href="#informative-references"><span class="secno">A.2 </span>Informative references</a></li></ul></li></ul></div>
+<p>This document was published by the <a href="http://www.w3.org/html/wg/">HTML Working Group</a> as an Editor's Draft. If you wish to make comments regarding this document, please send them to <a href="mailto:public-html@w3.org">public-html@w3.org</a> (<a href="mailto:public-html-request@w3.org?subject=subscribe">subscribe</a>, <a href="http://lists.w3.org/Archives/Public/public-html/">archives</a>). All feedback is welcome.</p><p>Publication as a Editor's Draft does not imply endorsement by the W3C Membership. This is a draft document and may be updated, replaced or obsoleted by other documents at any time. It is inappropriate to cite this document as other than work in progress.</p><p>This document was produced by a group operating under the <a href="http://www.w3.org/Consortium/Patent-Policy-20040205/">5 February 2004 W3C Patent Policy</a>. W3C maintains a <a href="http://www.w3.org/2004/01/pp-impl/40318/status" rel="disclosure">public list of any patent disclosures</a> made in connection with the deliverables of the group; that page also includes instructions for disclosing a patent. An individual who has actual knowledge of a patent which the individual believes contains <a href="http://www.w3.org/Consortium/Patent-Policy-20040205/#def-essential">Essential Claim(s)</a> must disclose the information in accordance with <a href="http://www.w3.org/Consortium/Patent-Policy-20040205/#sec-Disclosure">section 6 of the W3C Patent Policy</a>.</p></div><div class="section" id="toc"><h2 class="introductory">Table of Contents</h2><ul class="toc"><li class="tocline"><a class="tocxref" href="#abstract"><span class="secno">1. </span>Abstract</a></li><li class="tocline"><a class="tocxref" href="#intro_alt"><span class="secno">2. </span>Introduction</a><ul class="toc"><li class="tocline"><a class="tocxref" href="#conformance"><span class="secno">2.1 </span>Conformance</a></li></ul></li><li class="tocline"><a class="tocxref" href="#recommendations"><span class="secno">3. </span>Requirements and Recommendations:</a><ul class="toc"><li class="tocline"><a class="tocxref" href="#sec1"><span class="secno">3.1 </span>A link or button containing only an image</a></li><li class="tocline"><a class="tocxref" href="#sec2"><span class="secno">3.2 </span>Graphical representations: charts, diagrams, graphs, maps, illustrations</a></li><li class="tocline"><a class="tocxref" href="#sec3"><span class="secno">3.3 </span>Images of text</a></li><li class="tocline"><a class="tocxref" href="#sec4"><span class="secno">3.4 </span>Images that include text</a></li><li class="tocline"><a class="tocxref" href="#sec5"><span class="secno">3.5 </span>A purely decorative image that doesn't add any information</a></li><li class="tocline"><a class="tocxref" href="#sec6"><span class="secno">3.6 </span>Images that enhance the themes or subject matter of the page content</a></li><li class="tocline"><a class="tocxref" href="#sec7"><span class="secno">3.7 </span>An image not intended for the user</a></li><li class="tocline"><a class="tocxref" href="#sec8"><span class="secno">3.8 </span>Icons</a></li><li class="tocline"><a class="tocxref" href="#sec9"><span class="secno">3.9 </span>Images of Pictures</a></li><li class="tocline"><a class="tocxref" href="#sec10"><span class="secno">3.10 </span>Webcam images</a></li><li class="tocline"><a class="tocxref" href="#sec11"><span class="secno">3.11 </span>A group of images that form a single larger picture with and without links</a></li><li class="tocline"><a class="tocxref" href="#sec12"><span class="secno">3.12 </span> When a text alternative is unknown at the time of publication</a></li><li class="tocline"><a class="tocxref" href="#sec13"><span class="secno">3.13 </span>CAPTCHA Images </a></li><li class="tocline"><a class="tocxref" href="#sec14"><span class="secno">3.14 </span>Logos, insignia, flags, or emblems</a></li><li class="tocline"><a class="tocxref" href="#sec15"><span class="secno">3.15 </span>Inline images</a></li></ul></li><li class="tocline"><a class="tocxref" href="#methods"><span class="secno">4. </span>Methods for Providing Text Alternatives</a><ul class="toc"><li class="tocline"><a class="tocxref" href="#secm1"><span class="secno">4.1 </span>The <code>img</code> element <code>alt</code> attribute</a><ul class="toc"><li class="tocline"><a class="tocxref" href="#secm2"><span class="secno">4.1.1 </span>Is alt attribute content a replacement for an image?</a></li><li class="tocline"><a class="tocxref" href="#secm3"><span class="secno">4.1.2 </span>Using an empty <code>alt</code> attribute <code>alt=""</code></a></li><li class="tocline"><a class="tocxref" href="#m5"><span class="secno">4.1.3 </span>How long should a  text alternative be?</a></li></ul></li><li class="tocline"><a class="tocxref" href="#m6"><span class="secno">4.2 </span>The <code>figure</code> and <code>figcaption</code> elements</a>
+          <ul class="toc">
+            <li class="tocline">4.2.1 <a href="#nested">Using nested figure elements</a></li>
+          </ul>
+</li>
+        <li class="tocline"><a class="tocxref" href="#secm7"><span class="secno">4.3 </span>The <code>img</code> element <code>title</code> attribute</a></li></ul></li><li class="tocline"><a class="tocxref" href="#gloss"><span class="secno">5. </span>Glossary</a></li><li class="tocline"><a class="tocxref" href="#ack"><span class="secno">6. </span>Acknowledgements</a></li><li class="tocline"><a class="tocxref" href="#references"><span class="secno">A. </span>References</a><ul class="toc"><li class="tocline"><a class="tocxref" href="#normative-references"><span class="secno">A.1 </span>Normative references</a></li><li class="tocline"><a class="tocxref" href="#informative-references"><span class="secno">A.2 </span>Informative references</a></li></ul></li></ul></div>
 
 
 <hr>
@@ -693,6 +701,7 @@
     the page being read out by a  voice Web
     browser.</li>
   <li>They have images disabled to save on download costs.</li>
+  <li>    They have problems to load images or the source of image is wrong.  </li>
 </ul>
 <h3 id="good-practices">General Text Alternative Good Practices</h3>
 <ul>
@@ -1093,11 +1102,11 @@
 </div>
 <h4 id="haw">Example 6.4</h4>
 <div class="example">
-  <p>Here is another example of the same image used in a different context. In this case it is used to add a bit of medieval themed decoration to an advertisement. As the image bears no direct relation to the content of the page it is considered appropriate to use an empty alt attribute. It can also be considered appropriate to provide a brief description of the image as some users who cannot view images appreciate having information provided about images of paintings and photographs regardless of the context in which the images are used. As decisions about when to provide a text alternative are based on context of use, both options are considered to be conforming HTML5.</p>
+  <p>Here is another example of the same image used in a different context. In this case it is used to add a bit of medieval themed decoration to an advertisement. As the image bears no direct relation to the content of the page it is considered appropriate to use an empty alt attribute. It can also be considered appropriate to provide a brief description of the image as some users who cannot view images appreciate having information provided about images of paintings and photographs regardless of the context in which the images are used. As decisions about when to provide a text alternative are based on context of use, both options are considered to be conforming HTML5, but it is recommended that a brief text alternative is provided. </p>
   <p><strong>Example 1 Image in context: </strong></p>
   <div class="element1">
     <p><b>Medieval Nights</b></p>
-    <p><img src="images/shalott.jpg" alt="" width="188" height="129"></p>
+    <p><img src="images/shalott.jpg" alt="empty alt" width="188" height="129"></p>
     <p>Join us for our medieval theme nights every Friday at Boaters Bar, on the riverside, Kingston upon  Thames.</p>
   </div>
   <p><strong>Example code 1: </strong></p>
@@ -1110,19 +1119,20 @@
   <p><strong>Example 2 Image in context: </strong></p>
   <div class="element1">
     <p><b>Medieval Night</b></p>
-    <p><img src="images/shalott.jpg" alt="" width="188" height="129"></p>
-    <p>Members and friends of the blind and low vision users group are invited to a medieval theme night on Friday at Boaters Bar, on the riverside, Kingston upon  Thames.</p>
+    <p><img src="images/shalott.jpg" alt="Painting of a woman in a white flowing dress, sitting in a small boat." width="188" height="129"></p>
+    <p>Join us for our medieval theme nights every Friday at Boaters Bar, on the riverside, Kingston upon  Thames.</p>
   </div>
   <p><strong>Example code 2: </strong></p>
   <pre>&lt;h1&gt;Medieval Nights&lt;/h1&gt;
 
 &lt;figure&gt;&lt;img src="shalott.jpeg" <strong>alt="Painting of a woman in a white flowing dress, sitting in a small boat."</strong>&gt;&lt;/figure&gt;
-&lt;p&gt;Members and friends of the blind and low vision users group are invited to a medieval 
-theme night on Friday at Boaters Bar, on the riverside, Kingston upon Thames.&lt;/p&gt;</pre>
+&lt;p&gt;Join us for our medieval theme nights every Friday at Boaters Bar,
+ on the riverside, Kingston upon  Thames.&lt;/p&gt;</pre>
 </div>
 <h4 id="hax">Related  techniques and resources</h4>
 <ul>
   <li><a href="http://www.webaim.org/projects/screenreadersurvey/#images">Survey of Preferences of Screen Readers Users - Images</a></li>
+  <li><a href="http://www.headstar.com/eablive/?p=106">Now You See It, Now You Don't</a> - Perspectives on decorative images by a screen reader user.</li>
   <li><a href="http://www.rnib.org.uk/LIVINGWITHSIGHTLOSS/LEISURECULTURE/ARTSCRAFTS/PAINTING/Pages/audio_description_painting.aspx">Try audio describing a painting</a></li>
   <li><a href="http://www.vsarts.org/x6020.xml">Blind Imagination: Pictures into Word</a></li>
   <li><a href="http://www.w3.org/TR/2007/WD-WCAG20-TECHS-20071211/H30.html">Providing link text that describes the purpose of a link   for anchor elements</a> [<cite><a href="#bib-WCAG20-TECHS" rel="biblioentry" class="bibref">WCAG20-TECHS</a></cite>]</li>
@@ -1621,8 +1631,48 @@
   <li>The <code>figure</code> and <code>figcaption</code> elements are not currently accessibility supported by browsers or assistive technology. </li>
 </ul>
 </div>
+<h4 id="nested">4.2.1 Using nested <code>figure</code> elements </h4>
+<p>In cases where there is a group of related images each having an associated caption, it is recommended that nested <code>figure</code> and <code>figcaption</code> elements be used. </p>
+<div class="example">
+  <p><strong>Example images in context: </strong></p>
+  <div class="element1"><figure role="group">
+    <figcaption>The castle through the ages: 1423, 1756, and 1966 respectively.</figcaption>
+    <figure role="group">
+      <img src="images/castle-etching.jpg" alt="The castle has one tower, and a tall wall around it." width="350" height="259" border="0">
+      <figcaption>Charcoal on  wood. Anonymous, circa 1423.</figcaption>
+      </figure>
+    
+    <figure role="group">
+      <img src="images/castle-painting.jpg" alt="The castle now has two towers and two walls." width="350" height="263" border="0">
+      <figcaption>Oil-based paint on canvas. Eloisa Faulkner, 1756.</figcaption>
+      </figure>
+    
+    <figure role="group"><img src="images/castle-fluro.jpg" alt="The castle lies in ruins, the original tower all that remains in one piece." width="350" height="336" border="0">
+      <figcaption>Film photograph. <span lang="fr">Séraphin Médéric Mieusement</span>, 1936.</figcaption>
+      </figure>
+  </div>
+  <p><strong>Code example: </strong></p>
+  <pre>&lt;figure&gt;
+&lt;figcaption&gt;The castle through the ages: 1423, 1756, and 1966 respectively.&lt;/figcaption&gt;
+</pre>
+  <pre>&lt;figure&gt;
+&lt;img src=&quot;castle-etching.jpg&quot; alt=&quot;The castle has one tower, and a tall wall around it.&quot;&gt;
+&lt;figcaption&gt;Charcoal on  wood. Anonymous, circa 1423.&lt;/figcaption&gt;
+&lt;/figure&gt;
+&lt;figure&gt;
+&lt;img src=&quot;castle-painting.jpg&quot; alt=&quot;The castle now has two towers and two walls.&quot;&gt;
+&lt;figcaption&gt;Oil-based paint on canvas. Eloisa Faulkner, 1756.&lt;/figcaption&gt;
+&lt;/figure&gt;
+&lt;figure&gt;
+&lt;img src=&quot;castle-fluro.jpg&quot; <br>alt=&quot;The castle lies in ruins, the original tower all that remains in one piece.&quot;&gt;
+&lt;figcaption&gt;Film photograph. &lt;span lang=&quot;fr&quot;&gt;S&eacute;raphin M&eacute;d&eacute;ric Mieusement&lt;/span&gt;, 1936.&lt;/figcaption&gt;
+&lt;/figure&gt;<br> 
+&lt;/figure&gt;</pre>
+</div>
+<h5>Further Information </h5>
+<p><a href="http://www.paciellogroup.com/blog/2011/11/html5-accessibility-chops-using-nested-figure-elements/" rel="bookmark">HTML5 Accessibility Chops: using nested figure elements</a></p>
 <div class="section" id="secm7">
-<h3 id="hv"><span class="secno">4.3 </span>The <code>img</code> element <code>title</code> attribute</h3>
+  <h3 id="hv"><span class="secno">4.3 </span>The <code>img</code> element <code>title</code> attribute</h3>
 <p>The <code>title</code> attribute <em title="must not" class="rfc2119">must not</em> be used to provide a text alternative for an image. The <code>title</code> attribute <em title="must not" class="rfc2119">must not</em> be used to provide a caption for an image, use the <code>figure</code> and <code>figcaption</code> elements to provide a caption, as described above.</p>
 </div>
 </div>
@@ -1667,8 +1717,10 @@
 <!--OddPage--><h2 id="acknowledgements"><span class="secno">6. </span>Acknowledgements</h2>
 <p class="note">In no particular order and incomplete.</p>
 <p>Laura Carlson, Josh O Connor, Gez Lemon, Anne van Kesteren, Ian Hickson, Mike Smith,  Mike Paciello, Bim Egan, Gregory Rosmaita, Michael Cooper, Janina Sajka, Matt May, Bevi Chagnon, Jonathan Avila, Pat Rees, Charlie Pike, Andy Maseyk, Rich Clark</p>
+<h3> Enabling funders</h3>
+    <p>The  development of this publication is being funded in part by <a href="http://www.paciellogroup.com">The Paciello Group</a>. The content  of this publication does not necessarily reflect the views or policies of  The Paciello Group, nor does mention of trade names, commercial products, or organizations imply endorsement by The Paciello Group. </p>
 </div>
-<div class="appendix section" id="references"><!--OddPage--><h2><span class="secno">A. </span>References</h2><div class="section" id="normative-references"><h3><span class="secno">A.1 </span>Normative references</h3><dl class="bibliography"><dt id="bib-HTML5">[HTML5]</dt><dd>Ian Hickson; David Hyatt. <a href="http://www.w3.org/TR/2010/WD-html5-20100304/"><cite>HTML 5.</cite></a> 4 March 2010. W3C Working Draft. (Work in progress.) URL: <a href="http://www.w3.org/TR/2010/WD-html5-20100304/">http://www.w3.org/TR/2010/WD-html5-20100304/</a> 
+<div class="appendix section" id="references"><!--OddPage--><h2><span class="secno">A. </span>References</h2><div class="section" id="normative-references"><h3><span class="secno">A.1 </span>Normative references</h3><dl class="bibliography"><dt id="bib-HTML5">[HTML5]</dt><dd>Ian Hickson. <a href="http://dev.w3.org/html5/spec/spec.html"><cite>HTML 5.</cite></a> 4 November 2011. W3C Working Draft. (Work in progress.) URL: <a href="http://dev.w3.org/html5/spec/spec.html">http://dev.w3.org/html5/spec/spec.html</a> 
 </dd><dt id="bib-RFC2119">[RFC2119]</dt><dd>S. Bradner. <a href="http://www.ietf.org/rfc/rfc2119.txt"><cite>Key words for use in RFCs to Indicate Requirement Levels.</cite></a> March 1997. Internet RFC 2119.  URL: <a href="http://www.ietf.org/rfc/rfc2119.txt">http://www.ietf.org/rfc/rfc2119.txt</a> 
 </dd></dl></div><div class="section" id="informative-references"><h3><span class="secno">A.2 </span>Informative references</h3><dl class="bibliography"><dt id="bib-WAI-ARIA-PRACTICES">[WAI-ARIA-PRACTICES]</dt><dd>Michael Cooper; Richard Schwerdtfeger; Lisa Pappas. <a href="http://www.w3.org/TR/2009/WD-wai-aria-practices-20090224"><cite>WAI-ARIA Best Practices.</cite></a> 24 February 2009. W3C Working Draft. (Work in progress.) URL: <a href="http://www.w3.org/TR/2009/WD-wai-aria-practices-20090224">http://www.w3.org/TR/2009/WD-wai-aria-practices-20090224</a> 
 </dd><dt id="bib-WCAG20">[WCAG20]</dt><dd>Michael Cooper; et al. <a href="http://www.w3.org/TR/2008/REC-WCAG20-20081211"><cite>Web Content Accessibility Guidelines (WCAG) 2.0.</cite></a> 11 December 2008. W3C Recommendation. URL: <a href="http://www.w3.org/TR/2008/REC-WCAG20-20081211">http://www.w3.org/TR/2008/REC-WCAG20-20081211</a> 
Received on Friday, 25 November 2011 13:54:46 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Friday, 25 November 2011 13:54:47 GMT