1.4.8 – Visual Presentation (Level AAA)

Offer users a range of presentation options

Some of your users will have difficulty viewing your website with the same clarity as others. There’s no way you can guess every combination of colours and sizes your users prefer, but you can offer ways for them to customise their view.

Allowing your users to select from a range of visual presentation options will help them to get the best from your website.

What to do

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

  1. Provide a tool that enables your customers to select from a number of background and foreground colours; and
  2. Text blocks must be no wider than 80 characters (make sure resized browser windows do not need horizontal scrolling); and
  3. Text is not justified to both sides of the webpage; and
  4. Provide a tool that enables your users to select from a number of line and paragraph spacing options – one of the options must give line spacing that is at least 1.5 in text blocks and spaces between paragraphs are at least 1.5x line spacing; and
  5. Text can be resized in a browser up to 200% without requiring the user to scroll horizontally (you may have fulfilled this when you complied with Guideline 1.4.4).

Tips

  • The W3C’s in-depth colour picker will cover feature number 1 noted prior.
  • The BBC’s accessibility page has a good range of colour and spacing options.
  • Add all visual presentation options to the header of your website, so they are some of the first things that your users see.

See also

Free Developer Resources

Join over 3,500 accessibility fans and get free developer resources like WCAG 2.0 Checklists and a sample from my book.

Powered by ConvertKit

Over 250 people just like you have learned more about WCAG 2.0 with my guidebook.

Learn more >