This is an unpublished editor’s draft that might include content that is not finalized. View the published version

Skip to content

Technique C21:Specifying line spacing in CSS

About this Technique

This technique relates to:

This technique applies to CSS.

Techniques are examples of ways to meet Web Content Accessibility Guidelines (WCAG). They are not required to meet WCAG. Content can satisfy the normative requirements of WCAG even if it does not use any of the documented techniques. See About WCAG Techniques.

Description

Many people with cognitive disabilities have trouble tracking lines of text when a block of text is single spaced. Providing spacing between 1.5 to 2 allows them to start a new line more easily once they have finished the previous one.

Examples

Example 1: Setting the element to 1.5 line height

In the style sheet set the characteristics of the element.

body { line-height: 1.5; }

This sets the line height of everything in the body of the document to 1.5.

Related Resources

No endorsement implied.

Tests

Procedure

  1. Open content in a browser.
  2. Check that the spacing between lines in blocks of text is between 1.5 and 2.

Expected Results

  • Check #2 is true.
Back to Top