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

html5/alt-techniques Overview.html,1.65,1.66

From: Steven Faulkners via cvs-syncmail <cvsmail@w3.org>
Date: Mon, 09 May 2011 13:07:26 +0000
To: public-html-commits@w3.org
Message-Id: <E1QJQBK-0001ju-46@lionel-hutz.w3.org>
Update of /sources/public/html5/alt-techniques
In directory hutz:/tmp/cvs-serv6672

Modified Files:
	Overview.html 
Log Message:
finalized examples and added references

Index: Overview.html
===================================================================
RCS file: /sources/public/html5/alt-techniques/Overview.html,v
retrieving revision 1.65
retrieving revision 1.66
diff -u -d -r1.65 -r1.66
--- Overview.html	17 Apr 2011 08:41:11 -0000	1.65
+++ Overview.html	9 May 2011 13:07:24 -0000	1.66
@@ -184,7 +184,7 @@
 </head>
 <body>
 <div class="head"><p><a href="http://www.w3.org/"><img width="72" height="48" src="http://www.w3.org/Icons/w3c_home" alt="W3C"></a></p><h1 class="title" id="title">HTML5:  Techniques for providing useful text alternatives</h1>
-<h2 id="w3c-working-draft-05-may-2010"><abbr title="World Wide Web Consortium">W3C</abbr> Editor's Draft 17 April 2011</h2>
+<h2 id="w3c-working-draft-05-may-2010"><abbr title="World Wide Web Consortium">W3C</abbr> Editor's Draft 9 May 2011</h2>
 <dl><!-- <dt>This version:</dt>
 <dd><a href="http://www.w3.org/TR/2010/WD-html-alt-techniques-20100624/">http://www.w3.org/TR/2010/WD-html-alt-techniques-20100624/</a></dd><dt>Latest published version:</dt> -->
   <!-- <dd><A href="http://www.w3.org/TR/html-alt-techniques/">http://www.w3.org/TR/html-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>
@@ -200,7 +200,19 @@
   <h2 id="status">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 <acronym title="World Wide Web Consortium">W3C</acronym> publications and the latest revision of this technical report can be found in the <a href="http://www.w3.org/TR/"><acronym title="World Wide Web Consortium">W3C</acronym> technical reports index</a> at <a href="http://www.w3.org/TR/">http://www.w3.org/TR/</a>.</em></p>
   <p class="warning">Publication as a Working 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><a href="#docstat">Status of This Document - Further Details</a></p>
+  <p>The latest stable version of the editor's draft of this specification is
+always available on <a href="http://dev.w3.org/html5/alt-techniques/">the <acronym title="World Wide Web Consortium">W3C</acronym> CVS
+server</a>. </p>
+  <p>This specification has been  developed by the <a href="http://www.w3.org/html/wg/">HTML Working Group</a> and is
+    currently being published by the <a href="http://www.w3.org/html/wg/">HTML
+      Working Group</a>.</p>
+  <p>This specification is an extension to the HTML5 specification [<A href="#ref-html5">HTML5</A>]. 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 title="4.8.2.1.1" href="http://dev.w3.org/html5/spec/text-level-semantics.html#a-link-or-button-containing-nothing-but-the-image">4.8.2.1.1</A> to <A title="4.8.2.1.11" href="http://dev.w3.org/html5/spec/text-level-semantics.html#an-image-in-an-e-mail-or-private-document-intended-for-a-specific-person-who-is-known-to-be-able-to-view-images">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 document was published by the <a href="http://www.w3.org/html/wg">HTML Working Group</a> as a Working Draft. This document is intended to become a <acronym title="World Wide Web Consortium">W3C</acronym> Recommendation. If you wish to make comments regarding this document, please submit them using <a href="http://www.w3.org/Bugs/Public/enter_bug.cgi?product=HTML%20WG&amp;component=alt%20techniques%20(editor:%20Steven%20Faulkner)">the W3C public bug database</a>.  If you cannot do this then submit them  to <a href="mailto:public-html-comments@w3.org">public-html-comments@w3.org</a> (<a href="mailto:public-html-comments-request@w3.org?subject=subscribe">subscribe</A>, <a href="http://lists.w3.org/Archives/Public/public-html-comments/">archives</a>)<a href="http://www.w3.org/Bugs/Public/enter_bug.cgi?product=HTML%20WG&amp;component=alt%20techniques%20(editor:%20Steven%20Faulkner)"></a>. All feedback is welcome.</p>
+  <p>Publication as a Working 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 <acronym title="World Wide Web Consortium">W3C</acronym> Patent Policy</a>. <acronym title="World Wide Web Consortium">W3C</acronym> 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 <acronym title="World Wide Web Consortium">W3C</acronym> Patent Policy</a>.</p>
 </div>
 
 <div id="toc">
@@ -251,6 +263,8 @@
     </ul>
   </li>
   <li><a href="#glossary">Glossary</a></li>
+  <li><a href="#references">References</a></li>
+  <li><a href="#acknowledgements">Acknowledgements</a></li>
   </ul>
 </div>
 <hr>
@@ -280,7 +294,7 @@
 </UL>
 <h3 id="conformance">Conformance Requirements</h3>
 <p>All diagrams, examples, and notes in this specification are non-normative, as   are all sections explicitly marked non-normative. Everything else in this   specification is normative.</p>
-<p>The key words "MUST", "MUST NOT", "REQUIRED", "SHOULD", "SHOULD NOT", "RECOMMENDED", "MAY", and   "OPTIONAL" in the normative parts of this document are to be interpreted as   described in <a href="http://www.apps.ietf.org/rfc/rfc2119.html">RFC2119</a>.</p>
+<p>The key words "MUST", "MUST NOT", "REQUIRED", "SHOULD", "SHOULD NOT", "RECOMMENDED", "MAY", and   "OPTIONAL" in the normative parts of this document are to be interpreted as   described in [<a href="http://www.apps.ietf.org/rfc/rfc2119.html">RFC2119</a>].</p>
 <hr>
 
 <h2 id="recommendations">Requirements and Recommendations:</h2>
@@ -503,11 +517,11 @@
     users, then the correct alternative text is just the same text
   "Get Happy!", and no mention need be made of the text style:
  -->
-  <p>In this example we have an advertising image consisting of text, the phrase &quot;The BIG sale&quot; is repeated 3 times, each time the text gets smaller and fainter, the last line reads &quot;...ends friday&quot; In this case it is recommended that the image's text alternative only include the text &quot;The BIG sale&quot; once as the repetition is for visual effect and the repetition of the text for users who cannot view the image is unnecessary and may be confusing.</p>
+  <p>In this example we have an advertising image consisting of text, the phrase &quot;The BIG sale&quot; is repeated 3 times, each time the text gets smaller and fainter, the last line reads &quot;...ends Friday&quot; In this case it is recommended that the image's text alternative only include the text &quot;The BIG sale&quot; once as the repetition is for visual effect and the repetition of the text for users who cannot view the image is unnecessary and may be confusing.</p>
   <p><strong>Example Image:</strong></p>
   <p><img src="images/sale.gif" alt="The big sale ends Friday." width="400" height="190"></p>
   <p><strong>Example code:</strong></p>
-  <pre>&lt;p&gt;&lt;img src="sale.gif" <strong>alt="The BIG sale ...ends friday."</strong>&gt;&lt;/p&gt;</pre>
+  <pre>&lt;p&gt;&lt;img src="sale.gif" <strong>alt="The BIG sale ...ends Friday."</strong>&gt;&lt;/p&gt;</pre>
   <h5 id="hak">Advantages:</h5>
   <ul>
     <li>Text alternative is explicitly associated with the image.</li>
@@ -778,9 +792,7 @@
 
 </pre>
 </div>
-
-<h4 id="hbd">Related  techniques and resources</h4>
-<p><span class="note">to do</span></p>
+<p>&nbsp;</p>
 <h3 id="pictures">9. Images of Pictures</h3>
 <p>Images of pictures or graphics include visual      representations of objects, people, scenes, abstractions, etc.      This <a href="http://www.w3.org/TR/WCAG20/#non-text-contentdef">non-text      content</a> can convey a significant amount of information      visually or provide a <a href="http://www.w3.org/TR/WCAG20/#sensoryexpdef">specific      sensory experience</a> to a sighted person. Examples include photographs, paintings, drawings and artwork.</p>
 <p>An appropriate text alternative for a picture is a brief description, or <a href="http://www.w3.org/TR/WCAG20/#namedef">name</a>. As in all text alternative authoring decisions, writing suitable text alternatives for pictures requires human judgment. The text value is subjective to the context where the image is used and the page author's writing style. Therefore, there is no single 'right' or 'correct' piece of alt text for any particular image. In  addition to providing a short <a href="http://www.w3.org/TR/WCAG20/#text-altdef">text alternative</a> that gives a brief description of the <a href="http://www.w3.org/TR/WCAG20/#non-text-contentdef">non-text content</a>, also providing <a href="http://www.w3.org/TR/WCAG20/#suppcontentdef">supplemental content</a> through another means when appropriate may be useful.</p>
@@ -969,8 +981,39 @@
 </div>
 
 <h3 id="unknown">12. When a text alternative is unknown at the time of publication</h3>
-<p>In some cases an image may be included in a published document, but the author is unable to provide an appropriate text alternative. In such cases the minimum conformance requirement is to provide a caption for the image. The caption MUST be provided using  either the <code>figcaption</code> element or the <code>alt</code> attribute. The use of <code>figcaption</code> is recommended over the use of the <code>alt</code> attribute as the <code>figcaption</code> element is designed as a container for caption text, while the alt attribute is designed as a container for a text alternative. In practice the <code>alt</code> attribute has and will continue to provide a more generic method for providing information about an image until such times that the <code>figcaption</code> element is well supported in browsers and assistive technologies.</p>
-<p class="note">to do</p>
+<p>In some cases an image may be included in a published document, but the author is unable to provide an appropriate text alternative. In such cases the minimum conformance requirement is to provide a caption for the image. The caption MUST be provided using   the <code>figcaption</code> element and the <code>alt</code> attribute. The use of <code>figcaption</code> is recommended over the use of the <code>alt</code> attribute as the <code>figcaption</code> element is designed as a container for caption text, while the alt attribute is designed as a container for a text alternative. In practice the <code>alt</code> attribute has and will continue to provide a more generic method for providing information about an image until such times that the <code>figcaption</code> element is well supported in browsers and assistive technologies.</p>
+<h4 id="hbii2">Example 12.1</h4>
+<div class="example">
+  <p>In  example A, a person uploads a photo to a photo sharing site, the alt attribute content identifies the image &quot;photo 1&quot; while the caption provides the image file name. Neither the alt or the caption provide for text alternative for the image, but the image is identified and implicitly associated with the caption via the term &quot;photo1&quot;. In example B, the caption has been updated to provide a caption that can also serve as a text alternative.</p>
+  <p><strong>Examples of an image in context:</strong></p>
+  <h5>Example A:</h5>
+  <p class="warning">Warning: The caption text in Example A is not a suitable text alternative and is not conforming to the Web Accessibility Guidelines 2.0. <span>[<a href="http://www.w3.org/TR/WCAG20/">WCAG</a>]</span></p>
+  <div class="element1">
+  <p><strong>My Photos &gt; Photos of Clara</strong></p>
+<p><img src="images/clara.jpg" width="400" height="344" alt="photo 1"></p>
+  <p><strong>Photo 1: clara.jpg, taken on 12/11/2010.</strong></p>
+  </div>
+  <p><strong>Example code:</strong></p>
+  <pre>
+&lt;figure&gt;
+&lt;img src=&quot;clara.jpg&quot; <strong>alt=&quot;Photo 1.&quot;</strong>&gt;
+&lt;figcaption&gt;<strong>Photo 1: clara.jpg, taken on 12/11/2010.</strong>&lt;/figcaption&gt;<br>&lt;/figure&gt;
+</pre>
+  <h5>Example B:  </h5>
+  <div class="element1">
+    <p><strong>My Photos &gt; Photos of Clara</strong></p>
+    <p><img src="images/clara.jpg" width="400" height="344" alt="photo 1"></p>
+    <p><strong>Photo 1: Clara in her bedroom, playing her 'electric' toy guitar.
+She looks like a real 'Rock &amp; Roll' girl.</strong><strong></strong></p>
+  </div>
+  <p><strong>Example code:</strong></p>
+  <pre>
+&lt;figure&gt;
+&lt;img src=&quot;clara.jpg&quot; <strong>alt=&quot;Photo 1.&quot;</strong>&gt;
+&lt;figcaption&gt;<strong>Photo 1: Clara in her bedroom, playing her 'electric' toy guitar.
+She looks like a real 'Rock &amp; Roll' girl.</strong>&lt;/figcaption&gt;<br>&lt;/figure&gt;</pre></div>
+<p>&nbsp;</p>
+
 <h3 id="captcha">13. CAPTCHA Images </h3>
 <p><A title="http://www.w3.org/TR/WCAG20/#atdef" href="http://www.w3.org/TR/WCAG20/#CAPTCHAdef">CAPTCHA</A> stands for   "Completely Automated Public Turing test to tell Computers and Humans Apart".   CAPTCHA images are used for security purposes to confirm that <A title="http://www.w3.org/TR/WCAG20/#contentdef" href="http://www.w3.org/TR/WCAG20/#contentdef">content</A> is being accessed by   a person rather than a computer. This authentication is done through visual   verification of an image. CAPTCHA typically presents an image with characters or   words in it that the user is to re-type. The image is usually distorted and has   some noise applied to it to make the characters difficult to read. </p>
 <p>Provide <A title="http://www.w3.org/TR/WCAG20/#text-altdef" href="http://www.w3.org/TR/WCAG20/#text-altdef">text alternatives</A> that   identify and describe the purpose of the <A title="http://www.w3.org/TR/WCAG20/#non-text-contentdef" href="http://www.w3.org/TR/WCAG20/#non-text-contentdef">non-text content</A>,   and provide alternative forms of the CAPTCHA using output modes for different   types of sensory perception. For instance provide an audio alternative along   with the visual image. Locate the audio option right next to the visual one.   This helps but is still problematic for people without sound cards, the   deaf-blind, and some low hearing people. Another method is to include a form   that asks a question along with the visual image. This helps but is can be   problematic for people with cognitive impairments. </p>
@@ -993,10 +1036,55 @@
 <h3 id="logos">14. Logos, insignia, flags, or emblems</h3>
 <p>Many pages include logos, insignia, flags, or emblems, which    stand for  a company, organization,    project, band, software package, country, or other entity.</p>
 <p>If the logo is the sole content of a link, the <a href="http://dev.w3.org/html5/spec/embedded-content-1.html#attr-img-alt">alt</a> attribute MUST    contain a brief description of the link target.</p>
+<h4 id="141">Example 14.1</h4>
+<div class="example">
+  <p><strong>Example:</strong></p>
+  <p><a href="http://dev.w3.org/html5/spec/spec.html"><img src="images/HTML5_Logo.png" width="128" height="128" alt="HTML5 specification"></a></p>
+  <p><strong>Example code:</strong></p>
+  <pre><code>&lt;a href=&quot;http://dev.w3.org/html5/spec/spec.html&quot;&gt;
+&lt;img src=&quot;HTML5_Logo.png&quot; <strong>alt=&quot;HTML5 specification&quot;</strong>&gt;&lt;/a&gt;</code></pre>
+</div>
+<h4 id="142">Example 14.2</h4>
 <p>If the logo is being used to represent the entity, e.g. as a page    heading, the <a href="http://dev.w3.org/html5/spec/embedded-content-1.html#attr-img-alt">alt</a> attribute MUST    contain the name of the entity being represented by the logo. The <a href="http://dev.w3.org/html5/spec/embedded-content-1.html#attr-img-alt">alt</a> attribute SHOULD NOT contain text like the word "logo", as it is not the fact that it is    a logo that is being conveyed, it's the entity itself. </p>
-<p>If the logo is being used next to the name of the entity that    it represents, then the logo is supplemental, and its <a href="http://dev.w3.org/html5/spec/embedded-content-1.html#attr-img-alt">alt</a> attribute MUST instead be    empty.</p>
-<p>If the logo is  used as decorative material (as branding,    or, for example, as a side image in an article that mentions the    entity to which the logo belongs), then the advice on <a href="#decorative">purely decorative images</a> applies. <!--If the logo is actually being    discussed, then it is being used as a phrase or paragraph (the    description of the logo) with an alternative graphical    representation (the logo itself), and the first entry above    applies.--></p>
-<p><span class="note">to do</span></p>
+<div class="example">
+  <p><strong>Example:</strong></p>
+  <p><abbr title="World Wide Web Consortium"><a href="http://w3.org"><img src="images/w3c_home.png" width="72" height="48" alt="W3C web site"></a></abbr></p>
+  <p><strong>Example code:</strong></p>
+  <pre>&lt;abbr title=&quot;World Wide Web Consortium&quot;&gt;
+&lt;img src=&quot;images/w3c_home.png&quot; <strong>alt=&quot;W3C&quot;</strong>&gt;
+&lt;/abbr&gt;
+</pre>
+</div>
+
+<h4 id="143">Example 14.3</h4>
+<p>If the logo is being used next to the name of the what that    it represents, then the logo is supplemental, and its <a href="http://dev.w3.org/html5/spec/embedded-content-1.html#attr-img-alt">alt</a> attribute MUST instead be    empty.</p>
+<div class="example">
+  <p><strong>Example:</strong></p>
+  <p><abbr title="World Wide Web Consortium"><a href="http://w3.org"><img src="images/w3c_home.png" width="72" height="48" alt="W3C web site"></a></abbr>  W3C (World Wide Web Consortium)</p>
+  <p><strong>Example code:</strong></p>
+  <pre>
+&lt;p&gt;&lt;img src=&quot;images/w3c_home.png&quot; <strong>alt=&quot;&quot;</strong>&gt;
+ W3C (World Wide Web Consortium)&lt;/p&gt;</pre></div>
+<h4 id="144">Example 14.4</h4>
+<p>If the logo is  used alongside text discussing the subject or entity the logo represents, then <!--If the logo is actually being    discussed, then it is being used as a phrase or paragraph (the    description of the logo) with an alternative graphical    representation (the logo itself), and the first entry above    applies.-->the logo should have a text alternative, its identification as a logo may be included in the text alternative.</p>
+<div class="example">
+  <p><strong>Example:</strong></p>
+  <div class="element1">
+    <p style="float:left"><a href="http://dev.w3.org/html5/spec/spec.html"><img src="images/HTML5_Logo.png" width="128" height="128" alt="HTML5 logo"></a></p>
+    
+    <p>excerpt from Wikipedia</p>
+    <blockquote cite="http://en.wikipedia.org/wiki/HTML5">
+      <p><strong>HTML5</strong> is a language for structuring and presenting content for the World Wide Web, a core technology of the Internet. It is the latest revision of the HTML standard (originally created in 1990 and most recently standardized as HTML4 in 1997) and currently remains under development. Its core aims have been to improve the language with support for the latest multimedia while keeping it easily readable by humans and consistently understood by computers and devices (web browsers, parsers etc.). 
+    </blockquote>
+  </div>
+  <p><strong>Example code:</strong></p>
+  <pre style="clear:both"><code>
+<strong></strong>&lt;p&gt;&lt;img src=&quot;HTML5_Logo.png&quot; 
+<strong>alt=&quot;HTML5 logo: It looks like a shield with the text 'HTML' above  and the numeral '5' prominent on the face of the shield.&quot;</strong>&gt;</code>&lt;/p&gt;
+
+&lt;p&gt;excerpt from Wikipedia...&lt;/p&gt;</pre>
+</div>
+<p>&nbsp;</p>
 <h3 id="inline">15. Inline images</h3>
 <p>When images are used inline as part of the flow of text in a sentence, the text alternative MUST be a word or phrase that makes sense in the context of the sentence it is contained in.</p>
 <div class="example">
@@ -1015,8 +1103,6 @@
   <p><strong>Example code:</strong></p>
   <PRE>My &lt;img src=&quot;heart.png&quot; <strong>alt=&quot;heart&quot;</strong>&gt; breaks.</PRE>
 </div>
-<H4 id="hbm">Further Techniques </H4>
-<p class="note">to do</p>
 <hr>
 <h2 id="methods2">Methods for Providing Text Alternatives</h2>
 <h3 id="native">Native HTML methods</h3>
@@ -1045,10 +1131,10 @@
   <li>When an image is used to represent text and it is the authors intent the purpose of the using an image of text is to achieve a visual style, the alt attribute content SHOULD be considered as a replacement for the image. Refer to <a href="#img-of-text">Section 3</a>.</li>
   <li>When an image is decorative and it is the authors intent that it not convey any information, an empty alt attribute SHOULD be considered as an indication that the image can be safely ignored. Refer to <a href="#decorative">Section 5</a>.</li>
   <li>When it is the authors intent that image is not to be seen by users, an empty alt attribute SHOULD be considered as an indication that the image can be safely ignored. Refer to <a href="#img-not-for-user">Section 7</a>.</li>
-  <li>When an image is immediately proceeded or preceded by a text alternative and the image and the text alternative are not complex in nature, an empty alt attribute SHOULD be considered as an indication that the image can be safely ignored. <span class="note">to do</span></li>
+  <li>When an image is immediately proceeded or preceded by a text alternative and the image and the text alternative are not complex in nature, an empty alt attribute SHOULD be considered as an indication that the image can be safely ignored.</li>
   <li>When an image is the sole content of a link, the alt attribute content SHOULD be a brief description of the link target. Refer to <a href="#hba">Example 1.1</a>.</li>
   <li>When an image is the  content of a link and is immediately proceeded or preceded by a brief description of the link target, the <code>alt</code> attribute content SHOULD be empty. Refer to <a href="#hba">Example 8.1</a>.</li>
-  <li>When an image is the  content of a link that also contains structured text content, if the text content is a description of the link target, the <code>alt</code> attribute content MAY be empty or a text alternative for the image. If the text content is not a description of the link target, the alt attribute content SHOULD be a brief description of the link target. <a href="#hav">Refer to Example 6.3</a>. <span class="note">to do</span></li>
+  <li>When an image is the  content of a link that also contains structured text content, if the text content is a description of the link target, the <code>alt</code> attribute content MAY be empty or a text alternative for the image. If the text content is not a description of the link target, the alt attribute content SHOULD be a brief description of the link target. <a href="#hav">Refer to Example 6.3</a>.</li>
 </ul>
 <h5 id="empty">Using an empty <code>alt</code> attribute <code>alt=&quot;&quot;</code></h5>
 <p>Circumstances in which <strong>it is</strong> appropriate to use an empty or null <code>alt</code> attribute:</p>
@@ -1069,21 +1155,22 @@
 <p>The answer to this question very much depends on the context an image is being used in. While there are no definitive right or wrong lengths for text alternatives provided using the <code>img</code> elements <code>alt</code> attribute, the general consensus is that if the text alternative is longer than  75-100 characters (1 to 2 sentences), it should not be considered a short text alternative and should not be presented using the <code>alt</code> attribute.</p>
 <h4 id="hf">The <code>figure</code> and <code>figcaption</code> elements</h4>
 <p>The <code>figure</code> and <code>figcaption</code> elements provide a method to explicitly associate a caption with with a variety of content including images. Any content inside the <code>figure</code> element that is not contained within the <code>figcaption</code> element is labelled by the content of the <code>figcaption</code> element. The <code>figcaption</code> content may be an adjunct to the text alternative provided using the alt attribute:</p>
-<p><strong>Example:</strong></p>
+<div class="example">
+  <p><strong>Example:</strong></p>
+  <p><img src="images/shadows.jpg" width="400" height="310" alt="Shadow like figures and a graffiti tag drawn on the walls of a partially demolished building, illuminated by the light from a street lamp."></p>
+  <p>The <code>figcaption</code> content may be a text alternative for the image, obviating the need for a text alternative provided using the <code>alt</code> attribute. This would only be the case if the <code>figcaption</code> content provides an adequate text alternative for the visual content in the image:</p>
+  <p><strong>Code examples:</strong>:</p>
 <pre>
-&lt;figure&gt;
-&lt;img src="example.jpg" <strong>alt="A woman wearing a wig and a prosthetic ear."</strong>&gt;
-&lt;figcaption&gt;<strong>Figure 1</strong>&lt;/figcaption&gt;
-&lt;/figure&gt;
-</pre>
-<p>The <code>figcaption</code> content may be a text alternative for the image, obviating the need for a text alternative provided using the <code>alt</code> attribute. This would only be the case if the <code>figcaption</code> content provides an adequate text alternative for the visual content in the image:</p>
-<p><strong>Example:</strong></p>
+&lt;img src="example.jpg" <strong>alt="Shadow like figures and a graffiti tag drawn on the walls of a partially 
+demolished building, illuminated by the light from a street lamp."</strong>&gt;</pre>
 <pre>
 &lt;figure&gt;
 &lt;img src="example.jpg"&gt;
-&lt;figcaption&gt;<strong>Figure 1: A woman wearing a wig and a prosthetic ear.</strong>&lt;/figcaption&gt;
-&lt;/figure&gt;</pre>
-<p><span class="note">to do</span></p>
+&lt;figcaption&gt;<strong> Shadow like figures and a graffiti tag drawn on the walls of a 
+partially demolished building, illuminated by the light from a street lamp. </strong>&lt;/figcaption&gt;
+&lt;/figure&gt;
+</pre>
+</div>
 <h5 id="hg">Advantages:</h5>
 <ul>
   <li>When supported by browsers and assistive technology the content of the <code>figcaption</code> will be explicitly associated with the image.</li>
@@ -1092,7 +1179,7 @@
 <ul>
   <li>The <code>figure</code> and <code>figcaption</code> elements are not currently accessibility supported by browsers or assistive technology. </li>
 </ul>
-<h3 id="hj">&nbsp;</h3>
+<!--<h3 id="hj"><!--&nbsp;</h3>
 <h4 id="hq">Text content within the same document or another document</h4>
 <p><span class="note">to do</span></p>
 <h4 id="hs">Text content next to or prior to an image </h4>
@@ -1109,30 +1196,8 @@
   <li>The text alternative may not be explicitly associated with the image.</li>
   <li>The presence of the image may not be reported to users.</li>
 </ul>
-<h4 id="hv">The <code>img</code> element <code>title</code> attribute</h4>
-<p><span class="note">to do</span></p>
-<h5 id="hw">Advantages:</h5>
-<ul>
-  <li>The text alternative is explicitly associated with the image for some users.</li>
-</ul>
-<h5 id="hx">Disadvantages:</h5>
-<ul>
-  <li> The display of the content of the title attribute is not displayed to users of most browsers when images are not supported or disabled.</li>
-  <li>The content of the title attribute is not available to users unless they can operate a mouse.</li>
-</ul>
-<h4 id="hy">The <code>img</code> element <code>longdesc</code> attribute</h4>
-<p><span class="note">to do</span></p>
-<h5 id="hz">Advantages:</h5>
-<ul>
-  <li>long text alternatives are explicitly associated with the image for users of assistive technology that supports <code>longdesc</code>.</li>
-</ul>
-<h5 id="haa">Disadvantages:</h5>
-<ul>
-  <li>Long text alternative is not available to all users.</li>
-  <li>The <code>longdesc</code> attribute is only supported by a limited number of browsers and assistive technology.</li>
-  <li>The content of the page referenced by the<code> longdesc</code> is not available to all users.</li>
-</ul>
-<h3>WAI-ARIA methods</h3>
+<h4 id="hv">The <code>img</code> element <code>title</code> attribut-->
+<!--<h3>WAI-ARIA methods</h3>
 <p>The W3C Accessible Rich Internet Applications (<a href="../http://www.w3.org/WAI/PF/aria/">WAI-ARIA 1.0</a>) specification provides additonal attributes that can be added to HTML elements. Some of these attributes can be used to provide text alternatives for images. It is recommended that the <a href="../../../Users/Steve/AppData/Local/Microsoft/Windows/Temporary Internet Files/Content.IE5/FY5XNVZ6/#native">native HTML methods</a> for providing text alternatives be used where ever possible. In some cases the addition of ARIA attributes can be used to fill the gaps in browser and assistive technology support for native HTML methods.</p>
 <h4 id="hj2">The <code>aria-labelledby</code> and <code>aria-describedby</code> attributes</h4>
 <p>The <code>aria-labelledby</code> and <code>aria-describedby</code> attributes can be used to explictly associate text content within a document with any HTML element including the <code>img</code> element. Text content associated using aria-labelledby is mapped to the elements <a href="#acc_name">accessible name</a> property in <a href="#api">accessibility API</a>s. Text content associated using <code>aria-describedby</code> is mapped to the accessible description property in accessibility APIs. </p>
@@ -1182,7 +1247,7 @@
   <li>Explicit association using <code>aria-describedby</code> is not supported by some user agents and assistive technology.</li>
 </ul>
 <h5>role=&quot;presentation&quot; </h5>
-<h5>role=&quot;img&quot;</h5>
+<h5>role=&quot;img&quot;--></h5>
 <hr>
 <h2 id="glossary">Glossary</h2>
 
@@ -1207,20 +1272,16 @@
 <pre class="example">&lt;img src=&quot;null.gif&quot; <strong>alt=&quot;&quot;</strong>&gt;</pre>
 <h3 id="hbu">Text alternative</h3>
 <p><A title="definition: text" href="http://www.w3.org/TR/WCAG20/#textdef">Text</A> that is   programmatically associated with <A title="definition: non-text content" href="http://www.w3.org/TR/WCAG20/#non-text-contentdef">non-text   content</A> or referred to from text that is programmatically associated with   non-text content. Programmatically associated text is text whose location can be <a href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/conformance.html#uc-programmatically-determined-head">programmatically determined</a> from the non-text content.</p>
-<h2 id="docstat">Document Status further details</h2>
-<p>The latest stable version of the editor's draft of this specification is
-always available on <a href="http://dev.w3.org/html5/alt-techniques/">the <acronym title="World Wide Web Consortium">W3C</acronym> CVS
-server</a>. </p>
-<p>This specification has been  developed by the <a href="http://www.w3.org/html/wg/">HTML Working Group</a> and is
-  currently being published by the <a href="http://www.w3.org/html/wg/">HTML
-    Working Group</a>.</p>
-<p>This specification is an extension to the HTML5 specification [<A href="#ref-html5">HTML5</A>]. 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 title="4.8.2.1.1" href="http://dev.w3.org/html5/spec/text-level-semantics.html#a-link-or-button-containing-nothing-but-the-image">4.8.2.1.1</A> to <A title="4.8.2.1.11" href="http://dev.w3.org/html5/spec/text-level-semantics.html#an-image-in-an-e-mail-or-private-document-intended-for-a-specific-person-who-is-known-to-be-able-to-view-images">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 document was published by the <a href="http://www.w3.org/html/wg">HTML Working Group</a> as a Working Draft. This document is intended to become a <acronym title="World Wide Web Consortium">W3C</acronym> Recommendation. If you wish to make comments regarding this document, please submit them using <a href="http://www.w3.org/Bugs/Public/enter_bug.cgi?product=HTML%20WG&amp;component=alt%20techniques%20(editor:%20Steven%20Faulkner)">the W3C public bug database</a>.  If you cannot do this then submit them  to <a href="mailto:public-html-comments@w3.org">public-html-comments@w3.org</a> (<a href="mailto:public-html-comments-request@w3.org?subject=subscribe">subscribe</A>, <a href="http://lists.w3.org/Archives/Public/public-html-comments/">archives</a>)<a href="http://www.w3.org/Bugs/Public/enter_bug.cgi?product=HTML%20WG&amp;component=alt%20techniques%20(editor:%20Steven%20Faulkner)"></a>. All feedback is welcome.</p>
-<p>Publication as a Working 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 <acronym title="World Wide Web Consortium">W3C</acronym> Patent Policy</a>. <acronym title="World Wide Web Consortium">W3C</acronym> 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 <acronym title="World Wide Web Consortium">W3C</acronym> Patent Policy</a>.</p>
-<h2>Acknowledgements</h2>
+<h2 id="references">References</h2>
+<dl>
+  <dt>[<A href="#ref-html5">HTML5</A>] </dt>
+  <dd><a href="http://dev.w3.org/html5/spec/spec.html">HTML5</a>, I. Hickson</dd>
+  <dt>[<a href="http://www.apps.ietf.org/rfc/rfc2119.html">RFC2119</a>]</dt>
+  <dd><a href="http://tools.ietf.org/html/rfc2119">Key words for use in     RFCs to Indicate Requirement Levels</a>, S. Bradner. IETF.</dd>
+  <dt>[<a href="http://www.w3.org/TR/WCAG20/">WCAG</a>]</dt>
+  <dd>(Non-normative) <a href="http://www.w3.org/TR/WCAG20/">Web Content Accessibility Guidelines (WCAG) 2.0</a>, B. Caldwell, M. Cooper, L. Reid, G. Vanderheiden. W3C.</dd>
+</dl>
+<p></p>
+<h2 id="acknowledgements">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>
Received on Monday, 9 May 2011 13:07:29 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 9 May 2011 13:07:31 GMT