Skip to content

Commit

Permalink
[a] (0) Address the case of a graphic containing only text.
Browse files Browse the repository at this point in the history
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 1c84c2c
Show file tree
Hide file tree
Showing 2 changed files with 55 additions and 8 deletions.
40 changes: 32 additions & 8 deletions index
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -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>

Expand Down Expand Up @@ -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
Expand Down Expand Up @@ -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>

Expand Down
23 changes: 23 additions & 0 deletions source
Original file line number Diff line number Diff line change
Expand Up @@ -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>

Expand Down

0 comments on commit 1c84c2c

Please sign in to comment.