Image Replacement Techniques
January 1st, 2008Image replacement techniques are used by web designers to add visual appeal to a web site while maintaining information that is important for search engines and people using a screen reader.
Where a web designer needs to use specific font for things such as logos and headings on a web site they will often use graphics in stead of text. This is because they cannot ensure that the person visiting the website will have the required font on their computer.
By using a graphic instead of text for key elements of the site such as headings and logos they are able to maintain the organisations brand identity. However, a lot of the important word that would benefit the organisation in search engines are lost because graphics have been used instead of text.
To ensures that brand identity and the meaning of the text in headings etc is preserved image replacement techniques are used to present:
- text to people using a screen reader because they have a visual impairment or are blind
- text to the the search engine to ensure that the important keywords are preseved
- graphic versions to people using an ordinary web browser
Because screen readers and search engines are only interested in the text of a page they ignore the parts of a web page that deal with presentation. It is therefore possible to write some presentation code which moves certain pieces of text such as the name of the company and article headings off screen and replace them with an image using the companies house font. The majority of people will see the fancy graphics, while the search engine will derive the meaning from the text and the screen reader will read the text out loud.
Current developments in web browser technology mean that in future it will be possible to download the required font along with the web page making image replacement techniques unnecessary.

