Comments on: A Command of Headings: Usage and Styling http://accessites.org/site/2008/02/a-command-of-headings-usage-and-styling/ The Art of Accessibility Thu, 24 Jul 2008 16:30:30 +0000 http://wordpress.org/?v=2.0.5 by: Craig http://accessites.org/site/2008/02/a-command-of-headings-usage-and-styling/#comment-2470 Wed, 16 Apr 2008 22:05:12 +0000 http://accessites.org/site/2008/02/a-command-of-headings-usage-and-styling/#comment-2470 As a website designer, I work closely with copywriters and a few marketing consultants, the one thing that everyone of us agrees on is that "it's all in the header". If it's not in the header, it's not that important. I am always looking for ways to make unique header designs that are seo friendly. Great Article! As a website designer, I work closely with copywriters and a few marketing consultants, the one thing that everyone of us agrees on is that “it’s all in the header”. If it’s not in the header, it’s not that important. I am always looking for ways to make unique header designs that are seo friendly. Great Article!

]]> by: Irfanullah http://accessites.org/site/2008/02/a-command-of-headings-usage-and-styling/#comment-2388 Tue, 01 Apr 2008 10:42:09 +0000 http://accessites.org/site/2008/02/a-command-of-headings-usage-and-styling/#comment-2388 Your Site home page allignment is problem when i use FIRE BUG just check it...... Your Site home page allignment is problem when i use FIRE BUG just check it……

]]> by: Mike Cherim http://accessites.org/site/2008/02/a-command-of-headings-usage-and-styling/#comment-2340 Fri, 21 Mar 2008 03:39:46 +0000 http://accessites.org/site/2008/02/a-command-of-headings-usage-and-styling/#comment-2340 <blockquote cite="#comment-2339"> if that’s okay with you </blockquote> By all means Jordon. :)

if that’s okay with you

By all means Jordon. :)

]]> by: Jordan Clark http://accessites.org/site/2008/02/a-command-of-headings-usage-and-styling/#comment-2339 Fri, 21 Mar 2008 02:44:51 +0000 http://accessites.org/site/2008/02/a-command-of-headings-usage-and-styling/#comment-2339 <a href="#comment-2155" title="Comment posted on February 17th, 2008 at 10:31 am" rel="nofollow">@ Mike</a>: Great article... Oh, I really like your idea about combining the site name and the content title in the <code>h1</code> element - what a great idea! I too have often agonised over the <code>h1</code> "site name versus article name" dilemma, and I think your approach let's you have the penny <em>and</em> the bun, so to speak. In future, I think I might "borrow" this technique (if that's okay with you)! @ Mike:

Great article… Oh, I really like your idea about combining the site name and the content title in the h1 element - what a great idea!

I too have often agonised over the h1 “site name versus article name” dilemma, and I think your approach let’s you have the penny and the bun, so to speak.

In future, I think I might “borrow” this technique (if that’s okay with you)!

]]> by: Max Design - standards based web design, development and training » Some links for light reading (18/3/08) http://accessites.org/site/2008/02/a-command-of-headings-usage-and-styling/#comment-2311 Tue, 18 Mar 2008 10:35:01 +0000 http://accessites.org/site/2008/02/a-command-of-headings-usage-and-styling/#comment-2311 [...] A Command of Headings: Usage and Styling [...] […] A Command of Headings: Usage and Styling […]

]]> by: Christian http://accessites.org/site/2008/02/a-command-of-headings-usage-and-styling/#comment-2292 Fri, 14 Mar 2008 16:35:26 +0000 http://accessites.org/site/2008/02/a-command-of-headings-usage-and-styling/#comment-2292 Good post. At my job I always wonder why I'm coming across old code that others programmed that has fake headers made by span tags with classes attached to them. Don't these people know there's such a thing as header tags? And I have several sites where I have drilled down to using level 6 headers, including my personal site. Good post. At my job I always wonder why I’m coming across old code that others programmed that has fake headers made by span tags with classes attached to them. Don’t these people know there’s such a thing as header tags? And I have several sites where I have drilled down to using level 6 headers, including my personal site.

]]> by: Jermayn Parker http://accessites.org/site/2008/02/a-command-of-headings-usage-and-styling/#comment-2162 Tue, 19 Feb 2008 06:40:56 +0000 http://accessites.org/site/2008/02/a-command-of-headings-usage-and-styling/#comment-2162 Just for arguments sake "Think parents, children, grandchildren, and so on, as the content’s organization will dictate." So are you saying that the children are all single-parented? Keeping up with todays generation :P Just for arguments sake
“Think parents, children, grandchildren, and so on, as the content’s organization will dictate.”

So are you saying that the children are all single-parented? Keeping up with todays generation :P

]]> by: Mike Cherim http://accessites.org/site/2008/02/a-command-of-headings-usage-and-styling/#comment-2155 Sun, 17 Feb 2008 15:31:17 +0000 http://accessites.org/site/2008/02/a-command-of-headings-usage-and-styling/#comment-2155 @Anup: <blockquote cite="#comment-2153"> On many sites, you get the home page have the site's name/logo in an H1. On the sub-sites (e.g. articles, blog posts etc), many continue to use H1 for the same logo/name, and H2 then becomes used as the page heading. Other sites I have seen then use two H1s. What would you suggest? </blockquote> Here on this site we use the <code>h1</code> as a combo. On the home page it is for the name of the site followed by the tagline. On other pages it is the name of the site followed by the page's main content title, as echoed by the <code>h2</code>. I don't have a huge preference either way. If someone uses it as a site title followed with a <code>h2</code> for the page title, as long as they use their <code>title</code> element smartly it won't impact <abbr title="Search Engine Optimization">SEO</abbr> or the accessibility of the page semantics are still intact, just different. So I'm cool with it either way. Even if someone has two <code>h1</code>s, I'm not dead set against, it just doesn't seem right to me. Like a book with two titles. @Anup:

On many sites, you get the home page have the site’s name/logo in an H1. On the sub-sites (e.g. articles, blog posts etc), many continue to use H1 for the same logo/name, and H2 then becomes used as the page heading. Other sites I have seen then use two H1s. What would you suggest?

Here on this site we use the h1 as a combo. On the home page it is for the name of the site followed by the tagline. On other pages it is the name of the site followed by the page’s main content title, as echoed by the h2. I don’t have a huge preference either way. If someone uses it as a site title followed with a h2 for the page title, as long as they use their title element smartly it won’t impact SEO or the accessibility of the page semantics are still intact, just different. So I’m cool with it either way. Even if someone has two h1s, I’m not dead set against, it just doesn’t seem right to me. Like a book with two titles.

]]> by: David Zemens - 1955 Design http://accessites.org/site/2008/02/a-command-of-headings-usage-and-styling/#comment-2154 Sun, 17 Feb 2008 13:23:19 +0000 http://accessites.org/site/2008/02/a-command-of-headings-usage-and-styling/#comment-2154 Thanks for the primer on the correct way to use the various heading elements, Mike. It's easy to get sloppy and use them in the incorrect way. I agree with you that I have rarely, if ever, used <code>h5</code> or <code>h6</code> in my projects. Your suggestions on ways to style the headings are also a great reminder of the flexibility we all have with our stylesheet. Your tips always leave me with a new idea on how to approach the styling on one of my projects! Thanks for the primer on the correct way to use the various heading elements, Mike. It’s easy to get sloppy and use them in the incorrect way. I agree with you that I have rarely, if ever, used h5 or h6 in my projects.

Your suggestions on ways to style the headings are also a great reminder of the flexibility we all have with our stylesheet. Your tips always leave me with a new idea on how to approach the styling on one of my projects!

]]> by: Anup http://accessites.org/site/2008/02/a-command-of-headings-usage-and-styling/#comment-2153 Sun, 17 Feb 2008 11:08:52 +0000 http://accessites.org/site/2008/02/a-command-of-headings-usage-and-styling/#comment-2153 Good post! Headings are really important as you outline. I still come across a few people who say they don't like to use H2; they prefer H3 or something because of the size etc... One question for you: a while back (I don't know if it is still the case), the RNIB used to insist that the H1 had to be a) the first heading, b) the only H1 allowed on a page. For different pages this may or may not make sense (Eric Meyer had a good case of using H1's for each slide title in his S5 slide system, which was built on semantic HTML + JavaScript for the slide effects.) On many sites, you get the home page have the site's name/logo in an H1. On the sub-sites (e.g. articles, blog posts etc), many continue to use H1 for the same logo/name, and H2 then becomes used as the page heading. Other sites I have seen then use two H1s. What would you suggest? Good post! Headings are really important as you outline. I still come across a few people who say they don’t like to use H2; they prefer H3 or something because of the size etc…

One question for you: a while back (I don’t know if it is still the case), the RNIB used to insist that the H1 had to be a) the first heading, b) the only H1 allowed on a page.

For different pages this may or may not make sense (Eric Meyer had a good case of using H1’s for each slide title in his S5 slide system, which was built on semantic HTML + JavaScript for the slide effects.)

On many sites, you get the home page have the site’s name/logo in an H1. On the sub-sites (e.g. articles, blog posts etc), many continue to use H1 for the same logo/name, and H2 then becomes used as the page heading. Other sites I have seen then use two H1s. What would you suggest?

]]>