Text Formatting

Downloadable page: Download Lesson on Text Formatting

The Standards

Section 508 Standards:

WCAG 2.0 Guidelines:

  • Guideline 1.4.4 Links to an external site. "Resize text: Except for captions and images of text, text can be resized without assistive technology up to 200 percent without loss of content or functionality. (Level AA)" (W3C)
  • Guideline 1.4.5 Links to an external site. "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)" (W3C)

What do the Standards Mean?

There are a number of factors to consider when selecting which fonts to use when creating compliant content.  Some of these factors include but are not limited to, readability, font size, font variations, number of fonts used, etc.

When selecting a font for readability, choosing a font from the most commonly used font families which are universal to most devices is recommended.  The Serif and Sans-serif font families are two of the most common.  Known for its flared extensions and thick and thin lines, the Serif font family consists of Times News Roman, Georgia, and Antiqua.  The Sans-serif font family has more of a block appearance to its letter and consists of Arial, Tahoma, Trebuchet MS, and Verdana. Specific details on each of the fonts listed above can be found on WebAIM Font Techniques Links to an external site..

Although the number of fonts used in a text-based document is not directly tied to accessibility, it is often considered a best practice to limit the numbers of fonts used within a document.  This best practice also applies to the font variations.  Limiting the number of fonts and variations used can lead to better document readability and less confusion for readers.  

Today’s browsers have made the selection of font size less important because users can magnify and shrink text based on their needs and preferences.  Content creators should select a font that maintains its readability and functionality when magnified or shrunk. Readability and functionality must be maintained at a magnification of 200% to be compliant.

How to Verify Text Formatting is Accessible?

  1. Is the font selected from the Serif or Sans-serif font families?
  2. Are there a limited number of fonts and font variations used in the text-based document?
  3. When magnifying or shrinking the text is the readability maintained?

Resources

Information on this page is from the following resources about text formatting:

  • WebAIM Font Links to an external site.. Retrieved December 30, 2015.
    • WebAIM is a non-profit organization associated with the Center for Persons with Disabilities at Utah State University. It is one of the leading resources for information on accessibility.
  • W3C Fonts. Links to an external site. Retrieved December 30, 2015.
    • This website, w3.org, is the website for The World Wide Web Consortium (W3C), which is a community of individuals who develop web standards. The guides on this website include extensive recommendations, examples, related resources and other helpful tools.
  • United States Access Board. Retrieved January 13, 2016.
    • This page contains the Section 508 standards as of January, 2016. This does not contain the refreshed standards proposed in February 2015.  
  • Quick Reference Guide to Section 508 Requirements and Standards. Links to an external site. Section 508.gov. Retrieved January 23, 2016.
    • This page contains the Section 508 standards as of January, 2016. This does not contain the refreshed standards proposed in February 2015.

Estimated time: 10 minutes