hixie: Add example of using ARIA with <figure>. (whatwg r5196)

hixie: Add example of using ARIA with <figure>. (whatwg r5196)

http://dev.w3.org/cvsweb/html5/spec/Overview.html?r1=1.4132&r2=1.4133&f=h
http://html5.org/tools/web-apps-tracker?from=5195&to=5196

===================================================================
RCS file: /sources/public/html5/spec/Overview.html,v
retrieving revision 1.4132
retrieving revision 1.4133
diff -u -d -r1.4132 -r1.4133
--- Overview.html 23 Jul 2010 20:48:14 -0000 1.4132
+++ Overview.html 23 Jul 2010 23:15:20 -0000 1.4133
@@ -9186,6 +9186,36 @@
   <code title="attr-aria-role-button">button</code> role cannot be
   used with <code><a href="#the-a-element">a</a></code> elements".</p>
 
+  </div><div class="example">
+
+   <p>These features can be used to make accessibility tools render
+   content to their users in more useful ways. For example, ASCII art,
+   which is really an image, appears to be text, and in the absence of
+   appropriate annotations would end up being rendered by screen
+   readers as a very painful reading of lots of punctuation. Using the
+   features described in this section, one can instead make the ATs
+   skip the ASCII art and just read the caption:</p>
+
+   <pre>&lt;figure <strong>role="img" aria-labeledby="fish-caption"</strong>&gt;
+ &lt;pre&gt;
+ o           .'`/
+     '      /  (
+   O    .-'` ` `'-._      .')
+      _/ (o)        '.  .' /
+      )       )))     &gt;&lt;  &lt;
+      `\  |_\      _.'  '. \
+        '-._  _ .-'       '.)
+    jgs     `\__\
+ &lt;/pre&gt;
+ &lt;figcaption <strong>id="fish-caption"</strong>&gt;
+  Joan G. Stark, "&lt;cite&gt;fish&lt;/cite&gt;".
+  October 1997. ASCII on electrons. 28&times;8.
+ &lt;/figcaption&gt; 
+&lt;/figure&gt; 
+   </pre>
+
+   <!-- source: http://www.geocities.com/SoHo/7373/aquatic.htm#fish -->
+
   </div><h3 id="apis-in-html-documents"><span class="secno">3.3 </span>APIs in HTML documents</h3><p class="XXX annotation"><b>Status: </b><i>Last call for comments</i><p>For <a href="#html-documents">HTML documents</a>, and for <a href="#html-elements">HTML
   elements</a> in <a href="#html-documents">HTML documents</a>, certain APIs defined
   in DOM Core become case-insensitive or case-changing, as sometimes

Received on Friday, 23 July 2010 23:16:15 UTC