(X)HTML Techniques (Techniques XML Submission Form)

 checkbox checked

Submission Results:

Technology: (X)HTML Techniques 
Techniques Category: Headings 
Submitter's Name: Ben Caldwell 
Submitter's Email: caldwell@trace.wisc.edu

<technique id="UNKNOWN">
<short-name>Image-based headings</short-name>
<applies-to>
 <guideline idref="" />
 <success-criterion idref="UNKNOWN" />
</guideline

</applies-to>

<task>
<p>If images are used as headings, include appropriate header markup</p>
</task>

<description>
While styling page headings can often be acheived using CSS, there are cases where it may be approporiate to use images to represent headings. 



</description>

<user-issues>
 <affects group="UNKNOWN" />
</user-issues>

<eg-group>
<description>
The following code illustrates how an image serving as a heading could be marked up so that it has structure.

</description>

<code><![CDATA[
<h1><img src="heading1.gif" alt="Example Heading One"></h1>
]]</code>

<ua-issues>

</ua-issues>
</eg-group>

<resources>
</resources>
</technique>

Additional Notes:

This is pretty rough. There is an interesting article from A list apart describing a technique for doing this dynamically:



Dynamic Text Replacement - http://www.alistapart.com/articles/dynatext/ 



It has some UA issues, but may also be worth considering as a technique.