Updating a11y section per discussion in http://lists.w3.org/Archives/Public/public-html/2012Sep/0029.html
authormmarquis
Sat, 08 Sep 2012 12:43:02 -0400
changeset 4 c61bd9ec8527
parent 3 30f339a3ec38
child 5 faed5b879acf
Updating a11y section per discussion in http://lists.w3.org/Archives/Public/public-html/2012Sep/0029.html
responsive-images/responsive-images.html
--- a/responsive-images/responsive-images.html	Sat Sep 08 11:33:06 2012 -0400
+++ b/responsive-images/responsive-images.html	Sat Sep 08 12:43:02 2012 -0400
@@ -186,7 +186,7 @@
 
 		<ol style="list-style-type: decimal">
 			<li>Evaluate <code>media</code>/<code>src</code>/<code>srcset</code> attributes on the parent <a><code>picture</code> element</a> first.
-				<div class="issue">See <a href="http://lists.w3.org/Archives/Public/public-html/2012Jun/0116.html">http://lists.w3.org/Archives/Public/public-html/2012Jun/0116.html</a></div>
+				<div class="note">See <a href="http://lists.w3.org/Archives/Public/public-html/2012Jun/0116.html">http://lists.w3.org/Archives/Public/public-html/2012Jun/0116.html</a></div>
 				<ol style="list-style-type: decimal">
 					<li>If the <code>media</code> attribute on the <code>picture</code> element should match, evaluate <code>srcset</code> ( per the <a>image-set notation</a> algorithm ) or the <code>src</code> attribute.</li>
 					<li>If not, continue to step two below.</li>
@@ -206,10 +206,14 @@
 
 	<section id="accessibility">
 		<h1>Accessibility</h1>
-		<p>The <code>picture</code> element has an alternate text (<code>alt</code>) attribute. The <code>alt</code> attribute MUST be handled according to the <a>techniques for providing useful text alternatives for <code>img</code> elements</a> exactly the same way as the <code>alt</code> attribute on the <code>img</code> element.</p>
-		<p>In order to fall back gracefully, the <code>alt</code> attribute and its value should be repeated on the child <code>img</code> element.</p>
+		<p>The <code>picture</code> element relies on fallback content as representative alternate text, rather than calling for an <code>alt</code> attribute on both the parent <code>picture</code> element and the fallback <code>img</code>. This provides a method for specifying short alternative text without requiring authors to specify an identical attribute on both <code>picture</code> and the fallback <code>img</code>, with the potential to reach the greatest number of end users without requiring a redundant effort on the part of authors.</p>
+		
+		The <code>alt</code> attribute MUST be handled according to the <a href="http://www.w3.org/TR/html-alt-techniques/#secm1">techniques for providing useful text alternatives for <code>img</code> elements</a> no different from <code>alt</code> attributes on <code>img</code> elements outside of the <code>picture</code> context.</p>
 		<p>The <code>alt</code> attribute is NOT permissible on <code>source</code> elements. If the alternate text description of a <code>source</code> element differs from other <code>source</code> elements, it would suggest that the listed sources are not different versions of the same image, but are likely to be different images entirely.</p>
-		<p class="issue">It should be noted that the above represents an absolute minimum in terms of the accessibility of the proposed element. Further accessibility discussion can be viewed at <a href="http://lists.w3.org/Archives/Public/public-html/2012Jun/0118.html">http://lists.w3.org/Archives/Public/public-html/2012Jun/0118.html</a> and <a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=18384">https://www.w3.org/Bugs/Public/show_bug.cgi?id=18384</a>.
+		<div class="note">
+			<p>The eventual resolution of <a href="http://www.w3.org/html/wg/tracker/issues/30">ISSUE-30: Should HTML 5 include a longdesc attribute for images</a> will determine the method by which authors can provide semantically rich markup as accessible text.</p>
+			<p>Further accessibility discussion can be viewed at <a href="http://lists.w3.org/Archives/Public/public-html/2012Sep/0029.html">http://lists.w3.org/Archives/Public/public-html/2012Sep/0029.html</a>.</p>
+		</div>
 	</section><!-- accessibility -->
 
 	<section id="examples" class="informative">