Making website’s content more legible is not a hard task. It doesn’t take a lot of time, mainly common sense. Microscopic 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.
A web developer must care those common problems and make the page look good.
Let’s 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 lists with bullet to change the pace of the writing and slow down the scanning.
And finally check spellings of the content. Nothing irritates a visitor more on a web page than spelling errors – it simply makes you look like you don’t care enough to get it right. You can also use spell checkers to your contents.
