Skip to content
Browse files

[a] (0) Address the case of a graphic containing only text.

git-svn-id: http://svn.whatwg.org/webapps@1976 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information...
1 parent 7344039 commit 1c84c2c570d1a71a8f05d1f8e63cced7f1ab1eaa @Hixie Hixie committed
Showing with 55 additions and 8 deletions.
  1. +32 −8 index
  2. +23 −0 source
View
40 index
@@ -702,17 +702,20 @@
phrase or label with an alternative graphical representation:
icons</a>
- <li><a href="#a-graphical"><span class=secno>4.7.2.1.3. </span>A
+ <li><a href="#text-that"><span class=secno>4.7.2.1.3. </span>Text
+ that has been rendered to a graphic for typographical effect</a>
+
+ <li><a href="#a-graphical"><span class=secno>4.7.2.1.4. </span>A
graphical representation of some of the surrounding text</a>
- <li><a href="#a-purely"><span class=secno>4.7.2.1.4. </span>A
+ <li><a href="#a-purely"><span class=secno>4.7.2.1.5. </span>A
purely decorative image that doesn't add any information but is
still specific to the surrounding content</a>
- <li><a href="#a-key"><span class=secno>4.7.2.1.5. </span>A key
+ <li><a href="#a-key"><span class=secno>4.7.2.1.6. </span>A key
part of the content</a>
- <li><a href="#an-image"><span class=secno>4.7.2.1.6. </span>An
+ <li><a href="#an-image"><span class=secno>4.7.2.1.7. </span>An
image in an e-mail or document intended for a specific person who
is known to be able to view images</a>
</ul>
@@ -16136,7 +16139,28 @@ at least that would look good on the cover of a blue book.&lt;/p></pre>
been there in the first place.</p>
</div>
- <h6 id=a-graphical><span class=secno>4.7.2.1.3. </span>A graphical
+ <h6 id=text-that><span class=secno>4.7.2.1.3. </span>Text that has been
+ rendered to a graphic for typographical effect</h6>
+
+ <p>Sometimes, an image just consists of text, and the purpose of the image
+ is not to highlight the actual typographic effects used to render the
+ text, but just to convey the text itself.
+
+ <p>In such cases, the <code title=attr-img-alt><a
+ href="#alt0">alt</a></code> attribute must be present but must consist of
+ the same text as written in the image itself.
+
+ <div class=example>
+ <p>Consider a graphic containing the text "Earth Day", but with the
+ letters all decorated with flowers and plants. If the text is merely
+ being used as a header, to spice up the page for graphical users, then
+ the correct alternative text is just the same text "Earth Day", and no
+ mention need be made of the decorations:</p>
+
+ <pre>&lt;h1></pre>
+ <img alt="Earth Day" src=earthdayheader.png></div>
+
+ <h6 id=a-graphical><span class=secno>4.7.2.1.4. </span>A graphical
representation of some of the surrounding text</h6>
<p>In many cases, the image is actually just supplementary, and its
@@ -16169,7 +16193,7 @@ Standards mode, and about 9% triggered the Standards mode.&lt;/p>
doesn't make the page any less useful, but including the image makes it a
lot easier for users of visual browsers to understand the concept.
- <h6 id=a-purely><span class=secno>4.7.2.1.4. </span>A purely decorative
+ <h6 id=a-purely><span class=secno>4.7.2.1.5. </span>A purely decorative
image that doesn't add any information but is still specific to the
surrounding content</h6>
@@ -16205,7 +16229,7 @@ The island of Shalott.&lt;/p></pre>
scheme, the image should be specified in the site's CSS, not in the markup
of the document.
- <h6 id=a-key><span class=secno>4.7.2.1.5. </span>A key part of the content</h6>
+ <h6 id=a-key><span class=secno>4.7.2.1.6. </span>A key part of the content</h6>
<p>In some cases, the image is a critical part of the content. This could
be the case, for instance, on a page that is part of a photo gallery. The
@@ -16313,7 +16337,7 @@ href="?audio">audio&lt; test instead.)&lt;/p></pre>
than replacement text when no alternative text is available and none can
be made available, e.g. on automated image gallery sites.
- <h6 id=an-image><span class=secno>4.7.2.1.6. </span>An image in an e-mail
+ <h6 id=an-image><span class=secno>4.7.2.1.7. </span>An image in an e-mail
or document intended for a specific person who is known to be able to view
images</h6>
View
23 source
@@ -13717,6 +13717,29 @@ at least that would look good on the cover of a blue book.&lt;/p></pre>
</div>
+ <h6>Text that has been rendered to a graphic for typographical effect</h6>
+
+ <p>Sometimes, an image just consists of text, and the purpose of the
+ image is not to highlight the actual typographic effects used to
+ render the text, but just to convey the text itself.</p>
+
+ <p>In such cases, the <code title="attr-img-alt">alt</code>
+ attribute must be present but must consist of the same text as
+ written in the image itself.</p>
+
+ <div class="example">
+
+ <p>Consider a graphic containing the text "Earth Day", but with the
+ letters all decorated with flowers and plants. If the text is
+ merely being used as a header, to spice up the page for graphical
+ users, then the correct alternative text is just the same text
+ "Earth Day", and no mention need be made of the decorations:</p>
+
+ <pre>&lt;h1><img src="earthdayheader.png" alt="Earth Day"></h1></pre>
+
+ </div>
+
+
<h6>A graphical representation of some of the surrounding text</h6>

0 comments on commit 1c84c2c

Please sign in to comment.
Something went wrong with that request. Please try again.