Saturday March 18, 2006

CSS - Not All Good?

Elliotte Rusty Harold states that “CSS layouts that are almost as inflexible and inaccessible as the table based layouts they replace.” In this article “Put Content First” he suggests this page structure:

<body>
<div id="content">
  <h2>Article Title</h2>
  <div class="entrytext">
    Article Text
  </div>
  <div class="comments">
    Comments go here
  </div>
</div>
<div class="navigation">Next and previous links</div>
<div id="header">site header</div>
<div id="sidebar">site sidebar</div>
<div id="footer">site footer</div>
</body>

Note that navigation and header come after the content - CSS is supposed to order it correctly in a standard browser environment. Screenreaders would be able start with what is important - the article itself and the navigation right after it.

I actually don’t know whether this possible, but it certainly makes CSS design harder. Maybe I will try to improve the CSS for this blog some time.

Posted on Mar 18, 2006 at 18:30 (MET) | Permalink | Add comment