Skip to content
Permalink
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
Hixie committed Aug 4, 2008
1 parent 7344039 commit 1c84c2c570d1a71a8f05d1f8e63cced7f1ab1eaa
Showing with 55 additions and 8 deletions.
  1. +32 −8 index
  2. +23 −0 source
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>
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
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>

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
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>

23 source
</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.
You can’t perform that action at this time.