Readability

Website content readability has become increasingly important as people use your websites more than ever to quickly access information. The HSC Information Technology Web Services team is making sure several guidelines are adhered to, to ensure people can find information on your site as quickly as possible.

Guidelines we follow to make content readable

  • Line length: How many characters there are per line. The number of characters in a line of text contribute to overall readability in a major way. If text is extremely wide, it can be intimidating and hard to read. The same is true of lines of text that are too short, which can stress the eyes of readers and cause confusion. 
    • Large screens - 55-75 characters per line
    • Small screens - 35-50 characters per line
  • Leading: The amount of space between lines of text is equally important. Consider this article, if each line of type touched the lines above and below it, you would not be able to comprehend the words.
    • Editor suggestions: The spacing/height for each line of text should be 150% of the height of the letters on each line. HSC ITS works to make sure text on all websites follows this. It is suggested that you do not add additional breaks or paragraphs between headings, paragraphs, lists, or links as too much space can cause readability issues.
  • Headers and content: To ensure headers and other important text are not blended into content text each should use different fonts. Headlines in content normally use sans-serif fonts and content normally uses serif fonts.