5 Easy Ways to Improve Your Website’s Legibility

Websites that make their customers work to read them are not the best way to get business. Miniscule fonts, text in colors that make it hard to see against the background color, and lines that are piled on top of each other are problems, but they’re easy to correct. Let’s jump right in and look at five easy fixes:

1. Format your text using CSS.

Cascading Style Sheets (CSS) are the way to go - use one style sheet and control how text looks on your entire site. Make a change to the style sheet and your whole site is updated. It makes life a lot simpler.

2. Make the font size big enough to read.

Consider your target audience. Even if they are a group of teenage girls looking for new shoes, it’s never a good idea to use tiny type. It doesn’t have to be enormous, but up to a point, larger type is better. 12-pt Verdana is better than 8-pt Verdana.

3. Make the text contrast with its background.

The more contrast, the better. Black-on-white or white-on-black are examples of the highest contrast you can get. Use colors if you like, but if you squint at the page and your text basically vanishes, there’s not enough contrast.

4. Give the lines room to breathe.

Don’t stack lines on top of each other. Use the line-spacing directive in CSS and give it some space; I’ll often set line-spacing to 140% of the height of a typical line.

5. Break text up into chunks.

No matter how good a writer you are, people don’t want to read endless pages of text. Break it up by using headlines that reflect the subject of the paragraph(s) to follow so people can scan down to the parts that really interest them, or use bulleted lists to change the pace of the writing and slow down the scanning.And finally (not one of the 5 Easy Ways to Improve Legibility but still quite important) check your spelling. Nothing irritates me more on a web page than spelling errors - it simply makes you look like you don’t care enough to get it right. Use that ubiquitous spellcheck tool.

Making your website’s content more legible is easy. It doesn’t take a lot of time, mainly common sense. The payoff will be text that’s more readable, customers that stick around long enough to get your message, and improved credibility with your visitors.

Copyright 2006, Debbie Campbell

3 Responses to “5 Easy Ways to Improve Your Website’s Legibility”

  1. Found your site through MEC. Interesting post, I will be sure to check out more.

  2. Have you considered applying the line-spacing directive to your items 2 and 3? In general, I agree with your recommendations, but not with some of the practices.

    ACE

  3. Is the text on this page an example of your advice? Because if it is it is terrible and you should not be giving advice on such matters. This web site looks dreadful at 800×600 - yes many people still use that resolution, and the text on this page is a skinny non-justified stick column at 1024×768…
    I would ask the owner of this blog why are you giving advice on these matters when clearly your web site is a huge example of shoddy website design…

Leave a Reply