G188: Providing a button on the page to increase line spaces and paragraph spaces | WAI | W3C Skip to content

Technique G188:Providing a button on the page to increase line spaces and paragraph spaces

About this Technique

This technique relates to 1.4.8: Visual Presentation (Sufficient).

This technique applies to any technology.

Description

Many people with cognitive disabilities have trouble reading text that is single spaced. A button that increases the line height will help them read the content. In order to retain the separation of paragraphs, the space between paragraphs should also increase so that it is at least 1.5 times as high as the line spacing.

Note

This technique can be used in combination with a style switching technique to present a page that is a conforming alternate version for non-conforming content. Refer to C29: Using a style switcher to provide a conforming alternate version and Understanding Conforming Alternate Versions for more information.

Examples

Example 1

Use standard style page switching and have a button or link on the page that switches the stylesheet. The new stylesheet contains a rule to increase the line height and a class to increase the paragraph spacing.

p {
  line-height: 1.5;
  margin-bottom: 2em;
}

Related Resources

No endorsement implied.

Tests

Procedure

  1. Check that there is a button or link on the page that increases the size of the line height and the paragraph spacing, which is labeled as such.
  2. Activate the button or link.
  3. Check that the button or link increases the line height to at least 1.5 (150%)
  4. Check that the button or link increases the paragraph spacing at least 1.5 times greater than the line spacing.

Expected Results

  • Checks #1, #3 and #4 are true.
Back to Top