Burnt is a fixed width 3 column layout but not enough contrast for the visually impaired.

This Burnt is 6.x-1.6 from 2008-Feb-15, a 69.08 KB download.

It is almost XHTML compliant, with just a few errors, but has lots of colour contrast problems to create problems for the visually impaired.

Node links errors

The HTML <em> element should be arround text, not other elements. Burnt's node.tpl.php uses <em> around values that can contain HTML. Change the following lines from <em> to <div>. From:
<em class="clear links"><?php print $links; ?></em>
<em class="clear terms"><?php print $terms; ?></em>
To:
<div class="clear links"><?php print $links; ?></div>
<div class="clear terms"><?php print $terms; ?></div>

Footer error

The footer is built by the following code from page.tpl.php.
<div id="footer">
<p><?php print $footer_message ?>
</div>
<?php print $closure ?></p>

Change it to the following code.
<div id="footer">
<p><?php print $footer_message; ?></p>
<p><?php print $closure; ?></p>
</div>

A more elegant solution is the following code, which creates paragraphs only for the elements that are used.
<div id="footer"><?php
if($footer_message != '')
        {
        ?><p><?php print $footer_message; ?></p>
<?php
        }
if($closure != '')
        {
        ?><p><?php print $closure; ?></p>
<?php
        }
?></div></strong>

Style sheet

The style sheet, style.css, needs a change, it needs quotes around a font family name containing spaces. Change:
font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif;
To:
font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;

Example HTML

Here are example HTML elements to see how they are formatted by this theme.

<a href="?x">link 1</a>: link 1 This is a test of a link you have not visited. See how links are highlighted. Hover your mouse over this link to see any hover effects that might be used then select the link to see the link displayed as visited.

<a href="?y">link 2</a>: link 2 Leave this link unselected as a comparison link you have not visited.

<abbr title="abbreviation">abbr</abbr>: abbreviation

<acronym title="Cyclic Redundancy Checksum">CRC</acronym>: CRC

<blockquote>blockquote</blockquote>:

blockquote

<cite>cite</cite>: cite

<code>code</code>: code

<div>div</div>:

<form> and <input>: The the comments form at the end of this page (if you are logged in).

<em>em</em>: em

<h1>h1</h1> is usually the top heading in the page. Repeating h1 in this test would break heading nesting.

<h2>h2</h2>:

h2

<h3>h3</h3>:

h3

<h4>h4</h4>:

h4

<h5>h5</h5>:

h5

<h6>h6</h6>:

h6

<hr />:

<ol><li>li</li></ol>:

1. li

<p>paragraph</p>:

paragraph

<pre>.h3
      {
      font-size: 1.17em;
      }</pre>

.h3
      {
      font-size: 1.17em;
      }

<q>quote</q>: quote

<span>span</span>: span

<strong>strong</strong>: strong

<table><thead><tr><td>th1</td><td>th2</td></tr></thead>
<tbody>
<tr><td>td1</td><td>td2</td></tr>
<tr><td>td3</td><td>td4</td></tr>
</tbody>
</table>:

<ul><li>li</li><li>li</li></ul>:

• li
• li