SALES / SUPPORT : 855-752-5503 (Mon-Fri, 09:00-17:00 EST)

8 Typography Tips To Ensure Web Accessibility -

What is typography?

Well, the answer has more variations than we might think. It is not only the styles of fonts we use – it’s also about the composition and arrangement of information to convey meaning to guide the reader. We might say that it is closely related to UX design.

Before suggesting typography tips for a website, there are certain typography mistakes that designers make, that should be kept in view to avoid any errors. A well-executed typography makes the use of generous leading and line spacing to give reader a memorable and hassle free experience thus letting them focus more on the gist of the text. Web accessibility demands to refrain from using justified text as it might cause problems for readers to read the text especially people with certain disabilities such as dyslexia. With simple justified text and use of italics, the uneven variation in spacing makes the text more difficult to read.

Italics make letters hard to read. The letters have a jagged line compared to non-italic fonts and lean over making it hard for dyslexic users to make out the words. When the text size is small, the text is even more illegible. A better way to highlight is to use bold text because the letters are clearer and give better contrast. To improve accessibility and avoid confusion, websites should use as few fonts as possible and various research works have shown that sans serif are better on the web.

Here are some tips to consider when designing accessible website:

  1. Use generous leading and line spacing
  2. Steer clear of justified text
  3. Say no to Italics
  4. Pepper generous letter spacing in your text
  5. Use larger text size
  6. Develop a habit of using sans serif typefaces
  7. Use concise and clear writing
  8. Offer plenty of contrast for the benefit of the eye

Related: Dyslexia-Friendly Fonts To Facilitate Learning

It is no rocket science to implement above methods as they only require a basic knowledge of HTML. Making your website more accessible need not be time consuming. Designers as well as developers are required to have a proper knowledge about accessibility and how to and consider it within various stages of building a website.

Author Bio:    

Evan is an Expert in Digital Marketing. He has been working in the social media space since 2008, with a focus on design services, user interface planning, branding and more. Currently, he is leading content marketing efforts at DesignMantic and has played an integral part in the success story of DesignMantic through strategic marketing campaigns. Evan is also a design pro, who has shown a predilection towards DIY design projects.

Leave a Reply