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.

Generate Customized Web Design

Italics make it hard to read letters. Unlike non-italic fonts, italicized letters have a jagged line and lean over, which makes it difficult for dyslexic readers to decipher the words. The smaller the text, the harder it will be for us to make out what it says. Instead, the letters must be highlighted in bold format to give them better clarity and 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.

Design A Logo

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

Your email address will not be published. Required fields are marked *

Related Posts

User interface Design
6 Jul 2017

14 Principles Of User Interface Design

Most people spend a considerable part of their day online every day, using a plethora of devices equipped with screens that solicit near-exclusive attention. Add that to the fact ...

UX Design Tips
25 May 2017

UX Design Tips To Maximize Conversion Rate

Have you ever visited a website and were so turned off by something that you wanted to hurtle off it immediately? It could be anything; perplexing site navigation, ...