Offer users a range of presentation options.

Introduction

Users with visual or cognitive impairments may need to customise the presentation of your website to understand and enjoy it.

Some users require a certain background and foreground colour to comfortably read text. Others find long lines or justified text difficult to follow and some find it hard to read text where the lines and paragraphs are close together.

As each user has different needs, providing a range of user-selectable options helps the most people.

How to Pass

The following five features are cumulative, as all must be in place to pass:

  1. Provide a tool that enables users to select from several background and foreground colours; and
  2. Ensure text blocks are no wider than 80 characters (plus make sure resized browser windows do not need horizontal scrolling); and
  3. Ensure text is not justified to both sides of the webpage; and
  4. Line spacing is at least space-and-a-half within paragraphs and paragraph spacing is at least 1.5 times larger than line spacing
  5. Ensure text can be resized in a browser up to 200% without requiring the user to scroll horizontally

Tips

Add all visual presentation options to the header of your website, so they are some of the first things users see.

The BBC’s accessibility page has a good range of colour and spacing options to cover features 1 and 4.

Feature 4, concerning line and paragraph spacing, can be difficult to understand, so here’s a more detailed breakdown:

  • Text height must be changeable up to 150% of the default
  • Spaces between paragraphs must always be 150% of the spaces between lines of text
  • Your best bet is to give users some options (like the ‘AAA’ element on the BBC’s accessibility page) of:
    • Default text height, line and paragraph spacing
    • 150% default text height, line and paragraph spacing
    • 200% default text height, line and paragraph spacing

You probably fulfilled feature 5 when you completed 1.4.4 – Resize text.

See Also

Free Developer Resources

Join over 3,500 subscribers on my weekly web accessibility email and get free developer resources like WCAG 2.1 Checklists and special offers.

Powered by ConvertKit

Over 600 developers like you have learned more about the Web Content Accessibility Guidelines with my guidebook.

Learn more >

About Author

I'm Luke, I started Wuhcag in 2012 to help people like you get to grips with web accessibility. Check out my book, 'How to Meet the WCAG 2.0'.