This week Ive been trying out a lot of image replacement techniques in main headings, and their are quite a few available. If you have a graphical header logo on a website, with the sites name, often you wont want to have another heading as plain text. Yet, you should want to have the heading readable by screen-readers, and you also want the SEO benefits of the heading.
Ive rounded up my favorite methods, and this entry will show you how to use them, and when to use them.
Many people make the mistake of using tags for appearance only in their websites, but with semantics you get the benefit of describing your data as well. This makes it more accessible and of a higher quality, and of course fulfills the main objective; separating content from presentation.
This article is aimed at semantic mark-up beginners, including clients who want to learn more about code so they can ensure their sites are semantically correct. It also shows the mark-up available and it’s usage.
I’ve added a new version of the popular curvy corners plugin. This version removes the problem of extra padding within boxes (by using negative margins), works in IE7 and Safari, and loads faster. The downside is that the packed version has a larger filesize; to reduce the /packer/ overhead I did not encode it, but you can repack if you want a smaller file.
The official page is here and the demo page is here. Enjoy!
