1.4.5 Images Of Text

If the technologies being used can achieve the visual presentation, text is used to convey information rather than images of text except for the following: (Level AA)

  • Customizable: The image of text can be visually customized to the user’s requirements;
  • Essential: A particular presentation of text is essential to the information being conveyed.

Note: Logotypes (text that is part of a logo or brand name) are considered essential.

Description

People perceive the content of the web in various ways. Some use text to speech technologies called screen readers, some users increase the font size for better visibility, some users prefer loading user preferred style sheets. The screen reading technologies do not have the capability to read aloud the text on images except with some settings with latest versions of JAWS. The font size can be adjusted only if the content is real text instead of text on images. Similarly the user specified styles apply only to the content and its back-ground but not the text on images and its background. Due to all the reasons specified above certain user groups cannot perceive the content on images.

So no important content should be placed on images.

How to achieve accessible content on images

If the content author can achieve same visual appearance using CSS and provide real text the problem can be solved. If the text on images are provided due to unavoidable reasons minimum contrast (future link) should be maintained between the text and the background. If the text on images can be converted as per user needs such as increasing font size, increasing the line space between the content, change the font style etc text on images can be used.

However this success criterion have few exceptions listed below.

  • Text on images which is part of logo or brand.
  • Text on images which are inactive or decorative.
  • Text on images provided to show a sample font style.
  • Font style which the author do not have right to use on the website.
  • Text on images which have less importance than the visual representation. Eg: Graphs and charts show important information than the content on the graphs.

3 Comments to "1.4.5 Images Of Text"

  1. October 27, 2013 - 3:27 am | Permalink

    Thanks for writing this blog. Far too many site builders use content that’s inaccessable to screen reader users such as myself. This isn’t wise since many visually-impaired people use the Internet today. A growing segment of the population are senior citizens whose eyesight is beginning to fail. Simple and accessable sites encourage people to return and bookmark them. I certainly dislike sites that are complex and difficult to navigate.

  2. October 28, 2013 - 3:20 pm | Permalink

    Obviously the ideal is to not use text within images. From an auditing point of view though it is very difficult to judge the exception of “Font style which the author do not have right to use on the website.”. Things like What the Font can help identify a standard font or very near match, but ultimately if the site owner says they want a particular font and they don’t have permission to use it as a webfont (which could just mean they don’t want to pay for it), then the checkpoint passes if they use that font in an image. It is a weak checkpoint.

  3. October 28, 2013 - 6:18 pm | Permalink

    .Research done by both Dr. Aries Arditi of the New York Lighthouse and Dr. Gordon Legge of the Minnesota Laboratory for Low Vision Research both have research that shows that text is much harder to read for everyone, but especially folk with low vision, when placed over an background which has an image or images upon it. Yes, making the text larger helps, but it’s still not a good practice to do it.

    Elaine Kitchel, Low Vision Project Leader, American Printing House for the Bline

Comments are closed.