[html5] r7775 - [e] (0) Specify image dimensions for recently-added images. Affected topics: Can [...]

whatwg at whatwg.org whatwg at whatwg.org
Mon Mar 25 17:47:24 PDT 2013


Author: ianh
Date: 2013-03-25 17:47:23 -0700 (Mon, 25 Mar 2013)
New Revision: 7775

Modified:
   complete.html
   index
   source
Log:
[e] (0) Specify image dimensions for recently-added images.
Affected topics: Canvas, HTML, Rendering

Modified: complete.html
===================================================================
--- complete.html	2013-03-26 00:25:25 UTC (rev 7774)
+++ complete.html	2013-03-26 00:47:23 UTC (rev 7775)
@@ -1883,7 +1883,7 @@
 
   <p>Features in this specification which can be used to fingerprint the user are marked as this
   paragraph is.
-  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" src=http://images.whatwg.org/fingerprint.png></a>
+  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
   </p>
 
   <p>Other features in the platform can be used for the same purpose, though, including, though not
@@ -6820,7 +6820,7 @@
      <li><p>Take ownership of the <a href=#storage-mutex>storage mutex</a>.</li>
 
      <li><p>Update the cookies. <a href=#refsCOOKIES>[COOKIES]</a>
-     <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" src=http://images.whatwg.org/fingerprint.png></a>
+     <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
      </li>
 
      <li><p>Release the <a href=#storage-mutex>storage mutex</a> so that it is once again free.</li>
@@ -8445,7 +8445,7 @@
   throw a <code><a href=#securityerror>SecurityError</a></code> exception. Otherwise, the user agent must first <a href=#obtain-the-storage-mutex>obtain
   the storage mutex</a> and then return the cookie-string for <a href="#the-document's-address">the document's address</a>
   for a "non-HTTP" API, <a href=#decoded-as-utf-8,-with-error-handling>decoded as UTF-8, with error handling</a>. <a href=#refsCOOKIES>[COOKIES]</a>
-  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" src=http://images.whatwg.org/fingerprint.png></a>
+  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
   </p>
 
   <p>On setting, if the document is a <a href=#cookie-averse-document-object>cookie-averse <code>Document</code> object</a>, then
@@ -9893,7 +9893,7 @@
    namely to align the text to the <i>start edge</i> of the paragraph, the resulting rendering could
    be as follows:</p>
 
-   <p><img alt="Each paragraph rendered as a separate block, with the paragraphs left-aligned except the second paragraph and the last one, which would  be right aligned, with the usernames ('Student' and 'Teacher' in this example) flush right, with a colon to their left, and the text first to the left of that." src=http://images.whatwg.org/im.png></p>
+   <p><img alt="Each paragraph rendered as a separate block, with the paragraphs left-aligned except the second paragraph and the last one, which would  be right aligned, with the usernames ('Student' and 'Teacher' in this example) flush right, with a colon to their left, and the text first to the left of that." height=157 src=http://images.whatwg.org/im.png width=366></p>
 
    <p>As noted earlier, the <code title=attr-dir-auto><a href=#attr-dir-auto>auto</a></code> value is not a panacea. The
    final paragraph in this example is misinterpreted as being right-to-left text, since it begins
@@ -10288,7 +10288,9 @@
 
   <p>These categories are related as follows:</p>
 
-  <p><object data=images/content-venn.svg height=288 width=1000><img alt="" src=http://images.whatwg.org/content-venn.png></object></p>
+  <!-- The following image is decorative; the 'as follows' bit above refers to the paragraph after it, which entirely duplicates the content of
+       this image. So setting an alt="" on this would be bogus (indeed, it would be non-conforming and bad for accessibility.) -->
+  <p><object data=images/content-venn.svg height=288 width=1000><img alt="" height=288 src=http://images.whatwg.org/content-venn.png width=512></object></p>
 
   <p>Sectioning content, heading content, phrasing content, embedded content, and interactive
   content are all types of flow content. Metadata is sometimes flow content. Metadata and
@@ -34490,7 +34492,7 @@
     radius is negative.</p>
 
     <figure class=diagrams><!-- if anyone wants to try writing alternative text for these,
-     be my guest. I can't work out how to describe them. --><img alt="" src=http://images.whatwg.org/arcTo1.png><img alt="" src=http://images.whatwg.org/arcTo2.png><img alt="" src=http://images.whatwg.org/arcTo3.png></figure><!--
+     be my guest. I can't work out how to describe them. --><img alt="" height=254 src=http://images.whatwg.org/arcTo1.png width=357><img alt="" height=310 src=http://images.whatwg.org/arcTo2.png width=468><img alt="" height=233 src=http://images.whatwg.org/arcTo3.png width=513></figure><!--
 
 c.clearRect(0, 0, 640, 480);
 c.save();
@@ -34642,7 +34644,7 @@
     <p>Throws an <code><a href=#indexsizeerror>IndexSizeError</a></code> exception if the given
     radius is negative.</p>
 
-    <figure class=diagrams><!-- if anyone wants to try writing alternative text for this, be my guest. I can't work out how to describe it. --><img alt="" src=http://images.whatwg.org/arc1.png></figure><!--
+    <figure class=diagrams><!-- if anyone wants to try writing alternative text for this, be my guest. I can't work out how to describe it. --><img alt="" height=255 src=http://images.whatwg.org/arc1.png width=590></figure><!--
 
 c.clearRect(0, 0, 640, 480);
 c.save();
@@ -36228,7 +36230,7 @@
 <!--REMOVE-TOPIC:Security-->
   Otherwise, it must return the new <code><a href=#textmetrics>TextMetrics</a></code> object.
   <a href=#refsCSS>[CSS]</a>
-  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" src=http://images.whatwg.org/fingerprint.png></a>
+  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
   </p>
 
   </div>
@@ -38437,7 +38439,7 @@
   <p>All the bitmaps created during a single <a href=#concept-task title=concept-task>task</a> for
   <code><a href=#the-canvas-element>canvas</a></code> elements and <code><a href=#canvasrenderingcontext2d>CanvasRenderingContext2D</a></code> objects must have the same
   pixel density.
-  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" src=http://images.whatwg.org/fingerprint.png></a>
+  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
   </p>
 
   <pre class=idl>partial interface <a href=#screen id=Screen-partial>Screen</a> {
@@ -48347,7 +48349,7 @@
   attribute, the button's label must be the value of that attribute; otherwise, it must be an
   implementation-defined string that means "Submit" or some such.</span> The element is a <a href=#concept-button title=concept-button>button</a>, specifically a <a href=#concept-submit-button title=concept-submit-button>submit
   button</a>.
-  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" src=http://images.whatwg.org/fingerprint.png></a>
+  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
   </p>
 
   <div class=impl>
@@ -48659,7 +48661,7 @@
   the form. <span class=impl>If the element has a <code title=attr-input-value><a href=#attr-input-value>value</a></code>
   attribute, the button's label must be the value of that attribute; otherwise, it must be an
   implementation-defined string that means "Reset" or some such.</span> The element is a <a href=#concept-button title=concept-button>button</a>.
-  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" src=http://images.whatwg.org/fingerprint.png></a>
+  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
   </p>
 
   <div class=impl>
@@ -49000,6 +49002,10 @@
    after the user has typed "a", the user agent might suggest these two e-mail addresses to the
    user.</p>
 
+   <!-- Having alternative text in the following image would be bogus and non-conforming use of
+   HTML, since the image is redundant with the previous paragraph. In particular, just describing
+   the image would be especially bad for accessibility as it would be disorienting, there having
+   been no mention that an image is present. -->
    <p><img alt="" height=140 src=http://images.whatwg.org/sample-email-1.png width=500></p>
 
    <p>The page could also link in the user's contacts database from the site:</p>
@@ -49018,6 +49024,9 @@
    earlier, as well as the "astrophy" and "astronomy" values given in the <code><a href=#the-datalist-element>datalist</a></code>
    element.</p>
 
+   <!-- As above, having a non-empty alt="" attribute on the following image would be dumb, which is
+   why it's left blank. The pertinent parts of the image are already described in the prose, and the
+   non-pertinent parts aren't relevant to users who can't see the image, obviously. -->
    <p><img alt="" height=171 src=http://images.whatwg.org/sample-email-2.png width=500></p>
 
   </div>
@@ -70205,7 +70214,7 @@
    context</a> at this time. (User agents may provide users with
    the option to disable scripting globally, or in a finer-grained
    manner, e.g. on a per-origin basis.)
-   <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" src=http://images.whatwg.org/fingerprint.png></a>
+   <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
    </li>
 
    <li id=sandboxScriptBlocked>The <a href=#browsing-context>browsing context</a>'s
@@ -72746,7 +72755,7 @@
   information is available, a user can actually be uniquely
   identified. For this reason, user agent implementors are strongly
   urged to include as little information in this API as possible.
-  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" src=http://images.whatwg.org/fingerprint.png></a>
+  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
   </p>
 
   </div>
@@ -72780,7 +72789,7 @@
   from user to user can be used to profile or identify the user. For this reason, user agent
   implementors are encouraged to return null unless the user has explicitly indicated that the site
   in question is allowed access to the information.
-  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" src=http://images.whatwg.org/fingerprint.png></a>
+  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
   </p>
 
   </div>
@@ -73073,7 +73082,7 @@
   state of the handler described by the two arguments to the method, where the first argument gives
   the scheme and the second gives the string used to build the <a href=#url>URL</a> of the page that
   will handle the requests.
-  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" src=http://images.whatwg.org/fingerprint.png></a>
+  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
   </p>
 
   <p>The first argument must be compared to the schemes for which custom protocol handlers are
@@ -73088,7 +73097,7 @@
   state of the handler described by the two arguments to the method, where the first argument gives
   the <a href=#mime-type>MIME type</a> and the second gives the string used to build the <a href=#url>URL</a> of
   the page that will handle the requests.
-  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" src=http://images.whatwg.org/fingerprint.png></a>
+  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
   </p>
 
   <p>The first argument must be compared to the <a href=#mime-type title="MIME type">MIME types</a> for which
@@ -73426,7 +73435,7 @@
 
    </ol><p>The <dfn id=dom-external-issearchproviderinstalled title=dom-external-IsSearchProviderInstalled><code>IsSearchProviderInstalled()</code></dfn>
    method, when invoked, must run the following steps:
-   <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" src=http://images.whatwg.org/fingerprint.png></a>
+   <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
    </p>
 
    <ol><li><p>Optionally, return 0 and abort these steps. User agents may
@@ -76508,7 +76517,7 @@
        url">resolving</a> the element's <code title=attr-hyperlink-href><a href=#attr-hyperlink-href>href</a></code> content
        attribute relative to the element.</dd>
 
-       <dt>If the node is an <code><a href=#the-img-element>img</a></code> element with an <code title=attr-img-src><a href=#attr-img-src>src</a></code>
+       <dt>If the node is an <code><a href=#the-img-element>img</a></code> element with a <code title=attr-img-src><a href=#attr-img-src>src</a></code>
        attribute</dt>
 
        <dd>Add to <var title="">urls</var> the result of <a href=#resolve-a-url title="resolve a
@@ -82690,7 +82699,7 @@
   <p>The <dfn id=dom-localstorage title=dom-localStorage><code>localStorage</code></dfn>
   object provides a <code><a href=#storage-0>Storage</a></code> object for an
   <a href=#origin>origin</a>.
-  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" src=http://images.whatwg.org/fingerprint.png></a>
+  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
   </p>
 
   <p>User agents must have a set of local storage areas, one for each
@@ -94497,7 +94506,7 @@
 
   <!-- http://software.hixie.ch/utilities/js/canvas/?c.clearRect(0%2C%200%2C%20640%2C%20480)%3B%0Ac.save()%3B%0Atry%20{%0A%20%20c.fillStyle%20%3D%20'black'%3B%0A%20%20c.font%20%3D%20'8px%20sans-serif'%3B%0A%20%20c.fillText('Wide'%2C%2043%2C105)%3B%0A%20%20c.fillText('Tall'%2C%20100%2C105)%3B%0A%20%20c.fillText('Square'%2C%20128%2C105)%3B%0A%20%20c.font%20%3D%20'700%2010px%20sans-serif'%3B%0A%20%20c.fillText('Progress%20Bars'%2C%2013%2C30)%3B%0A%20%20c.font%20%3D%20'100%2010px%20sans-serif'%3B%0A%20%20c.fillText('(80%25)'%2C%2037%2C45)%3B%0A%20%20c.beginPath()%3B%0A%20%20var%20g%20%3D%20c.createLinearGradient(10%2C0%2C80%2C0)%3B%0A%20%20g.addColorStop(0%2C%20'%2300FF00')%3B%0A%20%20g.addColorStop(0.8%2C%20'%2300FF00')%3B%0A%20%20g.addColorStop(0.9%2C%20'%23FFFF00')%3B%0A%20%20c.fillStyle%20%3D%20g%3B%0A%20%20c.rect(10%2C80%2C80%2C15)%3B%0A%20%20c.fill()%3B%0A%20%20c.strokeStyle%20%3D%20'black'%3B%0A%20%20c.stroke()%3B%0A%20%20c.beginPath()%3B%0A%20%20var%20g%20%3D%20c.createLinearGra
 dient(0%2C80%2C0%2C20)%3B%0A%20%20g.addColorStop(0%2C%20'%2300FF00')%3B%0A%20%20g.addColorStop(0.75%2C%20'%2300FF00')%3B%0A%20%20g.addColorStop(0.85%2C%20'%23FFFF00')%3B%0A%20%20c.fillStyle%20%3D%20g%3B%0A%20%20c.rect(100%2C15%2C15%2C80)%3B%0A%20%20c.fill()%3B%0A%20%20c.strokeStyle%20%3D%20'black'%3B%0A%20%20c.stroke()%3B%0A%0A%20%20c.beginPath()%3B%0A%20%20c.fillStyle%20%3D%20'yellow'%3B%0A%20%20c.arc(140%2C80%2C15%2C0%2C2*Math.PI%2C%20true)%3B%0A%20%20c.fill()%3B%0A%20%20c.beginPath()%3B%0A%20%20c.fillStyle%20%3D%20'lime'%3B%0A%20%20c.moveTo(140%2C80)%3B%0A%20%20c.arc(140%2C80%2C15%2C-Math.PI%2F2%2C1.2*Math.PI%2C%20false)%3B%0A%20%20c.fill()%3B%0A%20%20c.beginPath()%3B%0A%20%20c.arc(140%2C80%2C15%2C0%2C2*Math.PI%2C%20true)%3B%0A%20%20c.strokeStyle%20%3D%20'black'%3B%0A%20%20c.stroke()%3B%0A}%20finally%20{%0A%20%20c.restore()%3B%0A}%0A -->
 
-  <p> <img alt="" class=extra src=http://images.whatwg.org/sample-progress.png>
+  <p> <img alt="" class=extra height=103 src=http://images.whatwg.org/sample-progress.png width=157>
   When the element is wider than it is tall, the element is
   expected to be depicted as a horizontal progress bar, with the start
   on the right and the end on the left if the 'direction' property on

Modified: index
===================================================================
--- index	2013-03-26 00:25:25 UTC (rev 7774)
+++ index	2013-03-26 00:47:23 UTC (rev 7775)
@@ -1883,7 +1883,7 @@
 
   <p>Features in this specification which can be used to fingerprint the user are marked as this
   paragraph is.
-  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" src=http://images.whatwg.org/fingerprint.png></a>
+  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
   </p>
 
   <p>Other features in the platform can be used for the same purpose, though, including, though not
@@ -6820,7 +6820,7 @@
      <li><p>Take ownership of the <a href=#storage-mutex>storage mutex</a>.</li>
 
      <li><p>Update the cookies. <a href=#refsCOOKIES>[COOKIES]</a>
-     <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" src=http://images.whatwg.org/fingerprint.png></a>
+     <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
      </li>
 
      <li><p>Release the <a href=#storage-mutex>storage mutex</a> so that it is once again free.</li>
@@ -8445,7 +8445,7 @@
   throw a <code><a href=#securityerror>SecurityError</a></code> exception. Otherwise, the user agent must first <a href=#obtain-the-storage-mutex>obtain
   the storage mutex</a> and then return the cookie-string for <a href="#the-document's-address">the document's address</a>
   for a "non-HTTP" API, <a href=#decoded-as-utf-8,-with-error-handling>decoded as UTF-8, with error handling</a>. <a href=#refsCOOKIES>[COOKIES]</a>
-  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" src=http://images.whatwg.org/fingerprint.png></a>
+  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
   </p>
 
   <p>On setting, if the document is a <a href=#cookie-averse-document-object>cookie-averse <code>Document</code> object</a>, then
@@ -9893,7 +9893,7 @@
    namely to align the text to the <i>start edge</i> of the paragraph, the resulting rendering could
    be as follows:</p>
 
-   <p><img alt="Each paragraph rendered as a separate block, with the paragraphs left-aligned except the second paragraph and the last one, which would  be right aligned, with the usernames ('Student' and 'Teacher' in this example) flush right, with a colon to their left, and the text first to the left of that." src=http://images.whatwg.org/im.png></p>
+   <p><img alt="Each paragraph rendered as a separate block, with the paragraphs left-aligned except the second paragraph and the last one, which would  be right aligned, with the usernames ('Student' and 'Teacher' in this example) flush right, with a colon to their left, and the text first to the left of that." height=157 src=http://images.whatwg.org/im.png width=366></p>
 
    <p>As noted earlier, the <code title=attr-dir-auto><a href=#attr-dir-auto>auto</a></code> value is not a panacea. The
    final paragraph in this example is misinterpreted as being right-to-left text, since it begins
@@ -10288,7 +10288,9 @@
 
   <p>These categories are related as follows:</p>
 
-  <p><object data=images/content-venn.svg height=288 width=1000><img alt="" src=http://images.whatwg.org/content-venn.png></object></p>
+  <!-- The following image is decorative; the 'as follows' bit above refers to the paragraph after it, which entirely duplicates the content of
+       this image. So setting an alt="" on this would be bogus (indeed, it would be non-conforming and bad for accessibility.) -->
+  <p><object data=images/content-venn.svg height=288 width=1000><img alt="" height=288 src=http://images.whatwg.org/content-venn.png width=512></object></p>
 
   <p>Sectioning content, heading content, phrasing content, embedded content, and interactive
   content are all types of flow content. Metadata is sometimes flow content. Metadata and
@@ -34490,7 +34492,7 @@
     radius is negative.</p>
 
     <figure class=diagrams><!-- if anyone wants to try writing alternative text for these,
-     be my guest. I can't work out how to describe them. --><img alt="" src=http://images.whatwg.org/arcTo1.png><img alt="" src=http://images.whatwg.org/arcTo2.png><img alt="" src=http://images.whatwg.org/arcTo3.png></figure><!--
+     be my guest. I can't work out how to describe them. --><img alt="" height=254 src=http://images.whatwg.org/arcTo1.png width=357><img alt="" height=310 src=http://images.whatwg.org/arcTo2.png width=468><img alt="" height=233 src=http://images.whatwg.org/arcTo3.png width=513></figure><!--
 
 c.clearRect(0, 0, 640, 480);
 c.save();
@@ -34642,7 +34644,7 @@
     <p>Throws an <code><a href=#indexsizeerror>IndexSizeError</a></code> exception if the given
     radius is negative.</p>
 
-    <figure class=diagrams><!-- if anyone wants to try writing alternative text for this, be my guest. I can't work out how to describe it. --><img alt="" src=http://images.whatwg.org/arc1.png></figure><!--
+    <figure class=diagrams><!-- if anyone wants to try writing alternative text for this, be my guest. I can't work out how to describe it. --><img alt="" height=255 src=http://images.whatwg.org/arc1.png width=590></figure><!--
 
 c.clearRect(0, 0, 640, 480);
 c.save();
@@ -36228,7 +36230,7 @@
 <!--REMOVE-TOPIC:Security-->
   Otherwise, it must return the new <code><a href=#textmetrics>TextMetrics</a></code> object.
   <a href=#refsCSS>[CSS]</a>
-  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" src=http://images.whatwg.org/fingerprint.png></a>
+  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
   </p>
 
   </div>
@@ -38437,7 +38439,7 @@
   <p>All the bitmaps created during a single <a href=#concept-task title=concept-task>task</a> for
   <code><a href=#the-canvas-element>canvas</a></code> elements and <code><a href=#canvasrenderingcontext2d>CanvasRenderingContext2D</a></code> objects must have the same
   pixel density.
-  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" src=http://images.whatwg.org/fingerprint.png></a>
+  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
   </p>
 
   <pre class=idl>partial interface <a href=#screen id=Screen-partial>Screen</a> {
@@ -48347,7 +48349,7 @@
   attribute, the button's label must be the value of that attribute; otherwise, it must be an
   implementation-defined string that means "Submit" or some such.</span> The element is a <a href=#concept-button title=concept-button>button</a>, specifically a <a href=#concept-submit-button title=concept-submit-button>submit
   button</a>.
-  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" src=http://images.whatwg.org/fingerprint.png></a>
+  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
   </p>
 
   <div class=impl>
@@ -48659,7 +48661,7 @@
   the form. <span class=impl>If the element has a <code title=attr-input-value><a href=#attr-input-value>value</a></code>
   attribute, the button's label must be the value of that attribute; otherwise, it must be an
   implementation-defined string that means "Reset" or some such.</span> The element is a <a href=#concept-button title=concept-button>button</a>.
-  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" src=http://images.whatwg.org/fingerprint.png></a>
+  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
   </p>
 
   <div class=impl>
@@ -49000,6 +49002,10 @@
    after the user has typed "a", the user agent might suggest these two e-mail addresses to the
    user.</p>
 
+   <!-- Having alternative text in the following image would be bogus and non-conforming use of
+   HTML, since the image is redundant with the previous paragraph. In particular, just describing
+   the image would be especially bad for accessibility as it would be disorienting, there having
+   been no mention that an image is present. -->
    <p><img alt="" height=140 src=http://images.whatwg.org/sample-email-1.png width=500></p>
 
    <p>The page could also link in the user's contacts database from the site:</p>
@@ -49018,6 +49024,9 @@
    earlier, as well as the "astrophy" and "astronomy" values given in the <code><a href=#the-datalist-element>datalist</a></code>
    element.</p>
 
+   <!-- As above, having a non-empty alt="" attribute on the following image would be dumb, which is
+   why it's left blank. The pertinent parts of the image are already described in the prose, and the
+   non-pertinent parts aren't relevant to users who can't see the image, obviously. -->
    <p><img alt="" height=171 src=http://images.whatwg.org/sample-email-2.png width=500></p>
 
   </div>
@@ -70205,7 +70214,7 @@
    context</a> at this time. (User agents may provide users with
    the option to disable scripting globally, or in a finer-grained
    manner, e.g. on a per-origin basis.)
-   <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" src=http://images.whatwg.org/fingerprint.png></a>
+   <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
    </li>
 
    <li id=sandboxScriptBlocked>The <a href=#browsing-context>browsing context</a>'s
@@ -72746,7 +72755,7 @@
   information is available, a user can actually be uniquely
   identified. For this reason, user agent implementors are strongly
   urged to include as little information in this API as possible.
-  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" src=http://images.whatwg.org/fingerprint.png></a>
+  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
   </p>
 
   </div>
@@ -72780,7 +72789,7 @@
   from user to user can be used to profile or identify the user. For this reason, user agent
   implementors are encouraged to return null unless the user has explicitly indicated that the site
   in question is allowed access to the information.
-  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" src=http://images.whatwg.org/fingerprint.png></a>
+  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
   </p>
 
   </div>
@@ -73073,7 +73082,7 @@
   state of the handler described by the two arguments to the method, where the first argument gives
   the scheme and the second gives the string used to build the <a href=#url>URL</a> of the page that
   will handle the requests.
-  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" src=http://images.whatwg.org/fingerprint.png></a>
+  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
   </p>
 
   <p>The first argument must be compared to the schemes for which custom protocol handlers are
@@ -73088,7 +73097,7 @@
   state of the handler described by the two arguments to the method, where the first argument gives
   the <a href=#mime-type>MIME type</a> and the second gives the string used to build the <a href=#url>URL</a> of
   the page that will handle the requests.
-  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" src=http://images.whatwg.org/fingerprint.png></a>
+  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
   </p>
 
   <p>The first argument must be compared to the <a href=#mime-type title="MIME type">MIME types</a> for which
@@ -73426,7 +73435,7 @@
 
    </ol><p>The <dfn id=dom-external-issearchproviderinstalled title=dom-external-IsSearchProviderInstalled><code>IsSearchProviderInstalled()</code></dfn>
    method, when invoked, must run the following steps:
-   <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" src=http://images.whatwg.org/fingerprint.png></a>
+   <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
    </p>
 
    <ol><li><p>Optionally, return 0 and abort these steps. User agents may
@@ -76508,7 +76517,7 @@
        url">resolving</a> the element's <code title=attr-hyperlink-href><a href=#attr-hyperlink-href>href</a></code> content
        attribute relative to the element.</dd>
 
-       <dt>If the node is an <code><a href=#the-img-element>img</a></code> element with an <code title=attr-img-src><a href=#attr-img-src>src</a></code>
+       <dt>If the node is an <code><a href=#the-img-element>img</a></code> element with a <code title=attr-img-src><a href=#attr-img-src>src</a></code>
        attribute</dt>
 
        <dd>Add to <var title="">urls</var> the result of <a href=#resolve-a-url title="resolve a
@@ -82690,7 +82699,7 @@
   <p>The <dfn id=dom-localstorage title=dom-localStorage><code>localStorage</code></dfn>
   object provides a <code><a href=#storage-0>Storage</a></code> object for an
   <a href=#origin>origin</a>.
-  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" src=http://images.whatwg.org/fingerprint.png></a>
+  <a class=fingerprint href=#fingerprint><img alt="(This is a fingerprinting vector.)" height=64 src=http://images.whatwg.org/fingerprint.png width=46></a>
   </p>
 
   <p>User agents must have a set of local storage areas, one for each
@@ -94497,7 +94506,7 @@
 
   <!-- http://software.hixie.ch/utilities/js/canvas/?c.clearRect(0%2C%200%2C%20640%2C%20480)%3B%0Ac.save()%3B%0Atry%20{%0A%20%20c.fillStyle%20%3D%20'black'%3B%0A%20%20c.font%20%3D%20'8px%20sans-serif'%3B%0A%20%20c.fillText('Wide'%2C%2043%2C105)%3B%0A%20%20c.fillText('Tall'%2C%20100%2C105)%3B%0A%20%20c.fillText('Square'%2C%20128%2C105)%3B%0A%20%20c.font%20%3D%20'700%2010px%20sans-serif'%3B%0A%20%20c.fillText('Progress%20Bars'%2C%2013%2C30)%3B%0A%20%20c.font%20%3D%20'100%2010px%20sans-serif'%3B%0A%20%20c.fillText('(80%25)'%2C%2037%2C45)%3B%0A%20%20c.beginPath()%3B%0A%20%20var%20g%20%3D%20c.createLinearGradient(10%2C0%2C80%2C0)%3B%0A%20%20g.addColorStop(0%2C%20'%2300FF00')%3B%0A%20%20g.addColorStop(0.8%2C%20'%2300FF00')%3B%0A%20%20g.addColorStop(0.9%2C%20'%23FFFF00')%3B%0A%20%20c.fillStyle%20%3D%20g%3B%0A%20%20c.rect(10%2C80%2C80%2C15)%3B%0A%20%20c.fill()%3B%0A%20%20c.strokeStyle%20%3D%20'black'%3B%0A%20%20c.stroke()%3B%0A%20%20c.beginPath()%3B%0A%20%20var%20g%20%3D%20c.createLinearGra
 dient(0%2C80%2C0%2C20)%3B%0A%20%20g.addColorStop(0%2C%20'%2300FF00')%3B%0A%20%20g.addColorStop(0.75%2C%20'%2300FF00')%3B%0A%20%20g.addColorStop(0.85%2C%20'%23FFFF00')%3B%0A%20%20c.fillStyle%20%3D%20g%3B%0A%20%20c.rect(100%2C15%2C15%2C80)%3B%0A%20%20c.fill()%3B%0A%20%20c.strokeStyle%20%3D%20'black'%3B%0A%20%20c.stroke()%3B%0A%0A%20%20c.beginPath()%3B%0A%20%20c.fillStyle%20%3D%20'yellow'%3B%0A%20%20c.arc(140%2C80%2C15%2C0%2C2*Math.PI%2C%20true)%3B%0A%20%20c.fill()%3B%0A%20%20c.beginPath()%3B%0A%20%20c.fillStyle%20%3D%20'lime'%3B%0A%20%20c.moveTo(140%2C80)%3B%0A%20%20c.arc(140%2C80%2C15%2C-Math.PI%2F2%2C1.2*Math.PI%2C%20false)%3B%0A%20%20c.fill()%3B%0A%20%20c.beginPath()%3B%0A%20%20c.arc(140%2C80%2C15%2C0%2C2*Math.PI%2C%20true)%3B%0A%20%20c.strokeStyle%20%3D%20'black'%3B%0A%20%20c.stroke()%3B%0A}%20finally%20{%0A%20%20c.restore()%3B%0A}%0A -->
 
-  <p> <img alt="" class=extra src=http://images.whatwg.org/sample-progress.png>
+  <p> <img alt="" class=extra height=103 src=http://images.whatwg.org/sample-progress.png width=157>
   When the element is wider than it is tall, the element is
   expected to be depicted as a horizontal progress bar, with the start
   on the right and the end on the left if the 'direction' property on

Modified: source
===================================================================
--- source	2013-03-26 00:25:25 UTC (rev 7774)
+++ source	2013-03-26 00:47:23 UTC (rev 7775)
@@ -59,7 +59,7 @@
         but for now we are living with them. -->
 
 <!--START storage-->
-<!--SET FINGERPRINT=<a href="#fingerprint" class="fingerprint"><img src="images/fingerprint.png" alt="(This is a fingerprinting vector.)"></a>-->
+<!--SET FINGERPRINT=<a href="#fingerprint" class="fingerprint"><img src="images/fingerprint.png" alt="(This is a fingerprinting vector.)" width=46 height=64></a>-->
 <!--END storage-->
 
 
@@ -9856,7 +9856,7 @@
    namely to align the text to the <i>start edge</i> of the paragraph, the resulting rendering could
    be as follows:</p>
 
-   <p><img src="images/im.png" alt="Each paragraph rendered as a separate block, with the paragraphs left-aligned except the second paragraph and the last one, which would  be right aligned, with the usernames ('Student' and 'Teacher' in this example) flush right, with a colon to their left, and the text first to the left of that."></p>
+   <p><img src="images/im.png" alt="Each paragraph rendered as a separate block, with the paragraphs left-aligned except the second paragraph and the last one, which would  be right aligned, with the usernames ('Student' and 'Teacher' in this example) flush right, with a colon to their left, and the text first to the left of that." width=366 height=157></p>
 
    <p>As noted earlier, the <code title="attr-dir-auto">auto</code> value is not a panacea. The
    final paragraph in this example is misinterpreted as being right-to-left text, since it begins
@@ -10301,7 +10301,9 @@
 
   <p>These categories are related as follows:</p>
 
-  <p><object width="1000" height="288" data="images/content-venn.svg"><img src="images/content-venn.png" alt=""></object></p>
+  <!-- The following image is decorative; the 'as follows' bit above refers to the paragraph after it, which entirely duplicates the content of
+       this image. So setting an alt="" on this would be bogus (indeed, it would be non-conforming and bad for accessibility.) -->
+  <p><object width="1000" height="288" data="images/content-venn.svg"><img src="images/content-venn.png" alt="" width=512 height=288></object></p>
 
   <p>Sectioning content, heading content, phrasing content, embedded content, and interactive
   content are all types of flow content. Metadata is sometimes flow content. Metadata and
@@ -41903,9 +41905,9 @@
     <figure class="diagrams">
      <!-- if anyone wants to try writing alternative text for these,
      be my guest. I can't work out how to describe them. -->
-     <img src="images/arcTo1.png" alt="">
-     <img src="images/arcTo2.png" alt="">
-     <img src="images/arcTo3.png" alt="">
+     <img src="images/arcTo1.png" alt="" width=357 height=254>
+     <img src="images/arcTo2.png" alt="" width=468 height=310>
+     <img src="images/arcTo3.png" alt="" width=513 height=233>
     </figure>
 
 <!--
@@ -42064,7 +42066,7 @@
 
     <figure class="diagrams">
      <!-- if anyone wants to try writing alternative text for this, be my guest. I can't work out how to describe it. -->
-     <img src="images/arc1.png" alt="">
+     <img src="images/arc1.png" alt="" width=590 height=255>
     </figure>
 
 <!--
@@ -58477,6 +58479,10 @@
    after the user has typed "a", the user agent might suggest these two e-mail addresses to the
    user.</p>
 
+   <!-- Having alternative text in the following image would be bogus and non-conforming use of
+   HTML, since the image is redundant with the previous paragraph. In particular, just describing
+   the image would be especially bad for accessibility as it would be disorienting, there having
+   been no mention that an image is present. -->
    <p><img src="images/sample-email-1.png" width="500" height="140" alt=""></p>
 
    <p>The page could also link in the user's contacts database from the site:</p>
@@ -58495,6 +58501,9 @@
    earlier, as well as the "astrophy" and "astronomy" values given in the <code>datalist</code>
    element.</p>
 
+   <!-- As above, having a non-empty alt="" attribute on the following image would be dumb, which is
+   why it's left blank. The pertinent parts of the image are already described in the prose, and the
+   non-pertinent parts aren't relevant to users who can't see the image, obviously. -->
    <p><img src="images/sample-email-2.png" width="500" height="171" alt=""></p>
 
   </div>
@@ -90660,7 +90669,7 @@
        url">resolving</span> the element's <code title="attr-hyperlink-href">href</code> content
        attribute relative to the element.</dd>
 
-       <dt>If the node is an <code>img</code> element with an <code title="attr-img-src">src</code>
+       <dt>If the node is an <code>img</code> element with a <code title="attr-img-src">src</code>
        attribute</dt>
 
        <dd>Add to <var title="">urls</var> the result of <span title="resolve a
@@ -110393,7 +110402,7 @@
 
   <!-- http://software.hixie.ch/utilities/js/canvas/?c.clearRect(0%2C%200%2C%20640%2C%20480)%3B%0Ac.save()%3B%0Atry%20{%0A%20%20c.fillStyle%20%3D%20'black'%3B%0A%20%20c.font%20%3D%20'8px%20sans-serif'%3B%0A%20%20c.fillText('Wide'%2C%2043%2C105)%3B%0A%20%20c.fillText('Tall'%2C%20100%2C105)%3B%0A%20%20c.fillText('Square'%2C%20128%2C105)%3B%0A%20%20c.font%20%3D%20'700%2010px%20sans-serif'%3B%0A%20%20c.fillText('Progress%20Bars'%2C%2013%2C30)%3B%0A%20%20c.font%20%3D%20'100%2010px%20sans-serif'%3B%0A%20%20c.fillText('(80%25)'%2C%2037%2C45)%3B%0A%20%20c.beginPath()%3B%0A%20%20var%20g%20%3D%20c.createLinearGradient(10%2C0%2C80%2C0)%3B%0A%20%20g.addColorStop(0%2C%20'%2300FF00')%3B%0A%20%20g.addColorStop(0.8%2C%20'%2300FF00')%3B%0A%20%20g.addColorStop(0.9%2C%20'%23FFFF00')%3B%0A%20%20c.fillStyle%20%3D%20g%3B%0A%20%20c.rect(10%2C80%2C80%2C15)%3B%0A%20%20c.fill()%3B%0A%20%20c.strokeStyle%20%3D%20'black'%3B%0A%20%20c.stroke()%3B%0A%20%20c.beginPath()%3B%0A%20%20var%20g%20%3D%20c.createLinearGra
 dient(0%2C80%2C0%2C20)%3B%0A%20%20g.addColorStop(0%2C%20'%2300FF00')%3B%0A%20%20g.addColorStop(0.75%2C%20'%2300FF00')%3B%0A%20%20g.addColorStop(0.85%2C%20'%23FFFF00')%3B%0A%20%20c.fillStyle%20%3D%20g%3B%0A%20%20c.rect(100%2C15%2C15%2C80)%3B%0A%20%20c.fill()%3B%0A%20%20c.strokeStyle%20%3D%20'black'%3B%0A%20%20c.stroke()%3B%0A%0A%20%20c.beginPath()%3B%0A%20%20c.fillStyle%20%3D%20'yellow'%3B%0A%20%20c.arc(140%2C80%2C15%2C0%2C2*Math.PI%2C%20true)%3B%0A%20%20c.fill()%3B%0A%20%20c.beginPath()%3B%0A%20%20c.fillStyle%20%3D%20'lime'%3B%0A%20%20c.moveTo(140%2C80)%3B%0A%20%20c.arc(140%2C80%2C15%2C-Math.PI%2F2%2C1.2*Math.PI%2C%20false)%3B%0A%20%20c.fill()%3B%0A%20%20c.beginPath()%3B%0A%20%20c.arc(140%2C80%2C15%2C0%2C2*Math.PI%2C%20true)%3B%0A%20%20c.strokeStyle%20%3D%20'black'%3B%0A%20%20c.stroke()%3B%0A}%20finally%20{%0A%20%20c.restore()%3B%0A}%0A -->
 
-  <p> <img class="extra" src="images/sample-progress.png" alt="">
+  <p> <img class="extra" src="images/sample-progress.png" alt="" width=157 height=103>
   When the element is wider than it is tall, the element is
   expected to be depicted as a horizontal progress bar, with the start
   on the right and the end on the left if the 'direction' property on




More information about the Commit-Watchers mailing list