Semantically you're not going to get much clearer with that header setup...its very clear. Screenreaders, search bots..etc will pick that up great.<br><br>Now, me personally...I hate large type on a page...because it becomes jagged (even in Vista/EI7 with their smoothing). Something that we generally do is flash headers.<br>
<br>Your code there wouldn't actually need to change. When we did it (<a href="http://joshspear.com">joshspear.com</a> ... its a table-based layout...was before I went CSS) you can see that the titles are all nice and smooth, and (more importantly here) a non-default font. My code for it there wasn't -as- clean as I would do it now, but the basis is the same. You leave the html as yo have it. You have javascript call swfobject code to replace the header tags with a nice flash piece. <br>
<br>On that note...its a point of debate whether flash is evil. I personally don't think so, as long as content is readable/accessible without it, and this way provides that because if flash isn't present/disabled, the code does nothing and leaves your tags to display as they are...<br>
<br>As for other opinions (I know...but I get started..and once I get started.... :) )<br><br>I would pull the page down from the top a bit. Frankly, with the small amount of content, and being at the top, it looks like even less. If you moved it down a bit, it would create the illusion of more content...not much, a 150px maybe would do it (or maybe 100...have to see it really). <br>
<br>And for the long run, it needs to be livened up a bit. One of the big misconceptions is that is too much work to be both semantically correct and usable, and at the same time look good. Right now, the site is very usable, but lacking in visual appeal. <br>
<br>But, those are just my opinions, and you know what they say about those... :)<br><br><br><br><div class="gmail_quote">On Jan 25, 2008 4:21 PM, Andrew Jaswa <<a href="mailto:ajaswa@gmail.com">ajaswa@gmail.com</a>> wrote:<br>
<blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">Everything should be all happy and semantic now. The h2 was added to<br>the header like it was before I went mucking about with things. Also<br>
Ryan and I weren't really feeling the centered text at the top so it<br>got shifted to the left and image removed.<br><br>So heres a question (mainly for the folks who write html out there):<br>What can I do to make the header section more semantic and possibility<br>
more "readable"? By readable I mean not just with your eyes. Code<br>below.<br><br><br><div id="Header"><br> <h1>WSUUG</h1><br> <h2>Web Standards and Usability User Group</h2><br>
</div><br><font color="#888888"><br><br>Andrew<br></font><div><div></div><div class="Wj3C7c"><br>On Jan 24, 2008 4:00 PM, Andrew Jaswa <<a href="mailto:ajaswa@gmail.com">ajaswa@gmail.com</a>> wrote:<br>> Hey Josh,<br>
><br>> The alt text for image works for the H1 (which can be read by both<br>> screen readers and search spiders). I am planning on redoing that<br>> though with sifr (or with plain text) later tonight. As for the H2 I<br>
> kinda forgot about that... heh. Good catch though thanks!<br>><br>> If you have any ideas for content please let me know. I'm planning on<br>> posting the slides and notes from presentations (once we get around to<br>
> them) on the site. Its also not meant to be an overly content heavy<br>> site more information and getting people to come to meetings then<br>> anything.<br>><br>> Anyways good comments thanks!<br>><br>
> Andrew<br>><br>><br>> On Jan 24, 2008 3:48 PM, Joshua McDonald <<a href="mailto:josh@thisisgrow.com">josh@thisisgrow.com</a>> wrote:<br>> > I think this is my first time jumping into the email conversation...<br>
> ><br>> > I like the site...its simple...clean...a little lacking in content...but not<br>> > bad...<br>> ><br>> > 1 thing though...since it is a "usability" site...your headings...<br>
> ><br>> > The document outline is<br>> ><br>> > H1 - [No Heading Text]<br>> > H2 - [Missing Heading]<br>> > H3 - About.<br>> > H4 - Why?<br>> > H4 - Who?<br>
> > H3 and H4 are good, but Without H1 and H2, its silly to jump to 3. Since<br>> > you have the title as an image, you should still do this:<br>> ><br>> > <h1>wsuug</h1><br>> > <h2>web standards and usability group</h2><br>
> ><br>> > -OR-<br>> ><br>> > <h1>wssug - web standards and usability group</h2> ... and then move the<br>> > other (h3 + h4) to h2 + h3.<br>> ><br>> > then just style h1/h2 (first example) or h1 (second) to be display:none.<br>
> ><br>> > One of the things I always try to do is get the document outline to look<br>> > right (if you have the Web Dev Toolbar in firefox, its in "information -><br>> > view document outline") ... as it helps usability, and it also helps alot in<br>
> > the weighting terms by search bots...<br>> ><br>> ><br>> ><br>> ><br>> > On Jan 24, 2008 3:38 PM, Andrew Jaswa <<a href="mailto:ajaswa@gmail.com">ajaswa@gmail.com</a>> wrote:<br>
> > ><br>> > ><br>> > ><br>> > > Hey Folks,<br>> > ><br>> > > I updated the wsuug site today.<br>> > ><br>> > > If you have any links for the resources page please include a<br>
> > > description of the site and what grouping it should be in.<br>> > ><br>> > ><br>> > > <a href="http://wsuug.org" target="_blank">http://wsuug.org</a><br>> > ><br>> > > Enjoy.<br>
> > ><br>> > > Andrew<br>> > > _______________________________________________<br>> > > Wsuug mailing list<br>> > > <a href="mailto:Wsuug@list.wsuug.org">Wsuug@list.wsuug.org</a><br>
> > > <a href="http://www.thelinuxlink.net/mailman/listinfo/wsuug" target="_blank">http://www.thelinuxlink.net/mailman/listinfo/wsuug</a><br>> > ><br>> ><br>> ><br>> ><br>> > --<br>
> > Joshua McDonald<br>> > Grow Interactive<br>> > <a href="http://www.thisisgrow.com" target="_blank">www.thisisgrow.com</a><br>> > 757-248-5274<br>> > 757-248-5275 (f)<br>> > _______________________________________________<br>
> > Wsuug mailing list<br>> > <a href="mailto:Wsuug@list.wsuug.org">Wsuug@list.wsuug.org</a><br>> > <a href="http://www.thelinuxlink.net/mailman/listinfo/wsuug" target="_blank">http://www.thelinuxlink.net/mailman/listinfo/wsuug</a><br>
> ><br>> ><br>><br>_______________________________________________<br>Wsuug mailing list<br><a href="mailto:Wsuug@list.wsuug.org">Wsuug@list.wsuug.org</a><br><a href="http://www.thelinuxlink.net/mailman/listinfo/wsuug" target="_blank">http://www.thelinuxlink.net/mailman/listinfo/wsuug</a><br>
</div></div></blockquote></div><br><br clear="all"><br>-- <br>Joshua McDonald<br>Grow Interactive<br><a href="http://www.thisisgrow.com">www.thisisgrow.com</a><br>757-248-5274<br>757-248-5275 (f)