1.4.8 Visual Presentation Level AAA

For the visual presentation of blocks of text, a mechanism is available to achieve the following:

  • Foreground and background colors can be selected by the user.
  • Width is no more than 80 characters or glyphs (40 if CJK).
  • Text is not justified (aligned to both the left and the right margins).
  • Line spacing (leading) is at least space-and-a-half within paragraphs, and paragraph spacing is at least 1.5 times larger than the line spacing.
  • Text can be resized without assistive technology up to 200 percent in a way that does not require the user to scroll horizontally to read a line of text on a full-screen window.

[View on W3C.org]

Testing & Remediation

  1. How to test:Since this is a multi-part success criterion, you much test each of the parts individually.
    • Foreground & background colors - can a user change the foreground & background colors?
    • Are blocks of text 80 characters wide or less?
    • Is any of the text on the site set to be not justified?
    • Is your line spacing (leading, in css: line-height) at least a space and a half within paragraphs, and the distance between paragraphs is at least 1.5 times larger than line spacing?
    • Can the text be resized without assistive technology up to 200% not causing horizontal scroll-bar (i.e.: presence of a font-resizing mechanic, usually within the header or article)?
    How to remediate: There are a number of techniques that can be deployed in order to meet this Success Criterion. Due to the large number of techniques, we recommend reviewing the recommendations in the W3C link above. Most of the items can be completed using CSS.

Questions and Answers

Minimum font size?

I like the look of smaller text on the web. And even if the text is pretty normal size, some subheadings or small bits of info look nice if they are much smaller (thinking 12px or so). Is there a minimum font size that is...

Are animated gifs okay to have?

If I have a gif on a site that loops continuously. Is that okay or does it violated the 'can't have repeating flashing stuff' rule?