Castlegate IT

01904 654036

Can justified text be justifed for the web?

Posted by Andy Reading on 4 September 2013

Can justified text be justified for the web? The answer, in case you were wondering, is no! As you continue to read this article I will explain  the disadvantages of justified text, and when it should be used. To begin, I would like to explain my reasons for writing this blog post.

In the past we’ve had several clients say:

That text would look much neater justified, can you change it please?

In most cases we’ve successfully explained the pitfalls of justified text and the client has agreed to keep the standard left alignment. However, in some cases, clients had decided to have justified text regardless.

What is justified text and when is it used?

Justified text or justification, in typography, is the alignment of text within a column or measure to align against the left and right margin. To achieve this effect, extra space is added between words. Justified text is commonly used in printed media such as newspapers, book, leaflets etc where the straight line on each margin can be used successfully to guide the eye across columns of text.

Newspapers are a great example of  justified text used successfully. With such a large amount of information to place on a large area, the neatly aligned columns clearly define the different areas of text and create a logical flow of words, thus enhancing readability.

Why is justified text on websites a bad idea?

There are many reasons why not to use justified text and they revolve around usability and user experience.

The human eye perceives images on a screen different to that of printed media so its understandable that justified text can work, but not necessarily on a computer screen. You may not be aware but the image on a screen is not static, in fact its updated and refreshed many times a second. Reading on a computer screen is much harder on the eyes than reading from printed media.

Here are the top reasons why justified text is a bad idea for websites

  • When using justified text for print, the designer has complete control over how the user will see the content. However, with the many combination of website browsers (and versions) on many different operating systems, a website designer can not be certain how the justified text will be rendered on the screen. For example a person using Firefox 3 browser on a Mac, would likely see the text displayed differently to somebody using Internet Explorer 6 on Windows XP.

  • The different rendering on different systems can create “rivers” of white space. This is when the spaces between words line up with other lines of text, creating a column of space down the content. This river within the text draws the eye away from the content making it more difficult to read. In some cases the white space can form more of a logical pattern than the content itself.

    The river effect, highlighted in yellow.

  • A combination of the first two points make justified text difficult to read by dyslexic users. The uneven white space creates a distraction which can easily make you loose your place. As web designers we spend time testing in different browsers to make sure as many people as possible can view the website as intended. Around 10% of the UK population are affected by dyslexia to some degree, so making a website that is difficult for 10% of users to read is obviously a bad idea!

  • Visually impaired users often use screen magnifiers to enlarge text to a suitable level. Many magnifiers work by enlarging the area around your mouse. Because the large uneven spaces are also magnified it can become difficult for the to follow the words with their magnifying software. Instead of following the flow of words along even spacing, users have to find the start of each new word.

  • The Royal National Institute of Blind people (RNIB) strongly recommend websites do not use justified text. Modern websites are all about the user. There was a time websites were created to look good on the creators screen, not necessarily other users. Websites we not tested thoroughly to make sure all users can access the content. Times have changed and accessibility and usability are very important factors in modern website development. Doing anything that excludes or hinders certain users, reduces the audience and therefore the overall success of a website.

Facebook Share on Facebook Twitter Share on Twitter LinkedIn Share on LinkedIn Google+ Share on Google+ RSS Comments Feed

Comments

  1. Rachel
    4 Sep 2013 at 5:40 pm
    Interesting! Thanks Andy
  2. Jeremy
    18 Sep 2013 at 11:25 am
    I really can't stand justified text on websites. Thank you for providing some evidence that we may use to justify the non-justification of text in the future.
  3. Kate Pettitt
    22 Nov 2013 at 8:51 pm
    Justified type only really works in print on wider column widths where the designer has more opportunity for careful hand kerning and word spacing. Online you don't have that level of control and it's a bad idea. As my old typography tutor used to say, 'You can drive a bus through that space! If you can drive a bus through it, it can fall apart.'
  4. daniel wilianto
    12 Mar 2014 at 12:46 pm
    A good article which is worthy of being the 1st link when I searched "should i use text justify in web pages?" in google. Now I can simply direct my clients here whenever they asked why the hell their websites (which they paid me to make) aren't justified.
  5. A Jacobs
    15 May 2014 at 12:41 am
    I like justified text, and wondered why no one is using it in their websites. Thanks for addressing this point.
  6. Langley Iddins
    27 May 2014 at 12:04 pm
    Thank you for posting this article. I now have something clear succinct, and convincing to back up the argument for not using justified text in websites.
  7. Olaf C. Derriksson
    25 Jul 2014 at 9:32 pm
    As an OCD sufferer I can't stand unjustified text. Only 1.2% of British population is thought to have OCD, and some of us are vision impared or dyslexic, and I'm not sure which impairment takes precedence in those cases. As a smaller minority we have to take care of ourselves and rely on custom personal stylesheets fixing your (designers') web. I have just read your article properly justified and seen no rivers of distracting whitespace. On the other hand if I were to turn off my stylesheet, I would be unable to read the paragraphs because the right edge would consume all of my attention.

Leave a comment

Please note that leaving a comment will result in a cookie being set on your computer. By doing so you are accepting our cookie policy.