Techniques for WCAG 2.0

Skip to Content (Press Enter)

This document is a draft, and is designed to show changes from a previous version. It is presently showing added text,changed text,deleted text,[start]/[end] markers,and Issue Numbers.

Hide All Edits   |   Toggle Deletions  |   Toggle Issue Numbers   |   Toggle [start]/[end] Markers   |   Show All Edits

Changes are displayed as follows:

-

C24: Using percentage values in CSS for container sizes

Applicability

Pages that use CSS.

This technique relates to:

Description

[begin change]The objective of this technique is to enable users to increase the size of text without having to scroll horizontally to read that text.[end change] To use this technique, an author specifies the width of text containers using percent values.

Examples

Example 1

A newspaper has content in the middle of the window. The width of the container for the content is specified in page percentages, so that when a person with low vision increases the font size the text reflows inside the browser window at the new size and there is no need to scroll horizontally.

Tests

Procedure

  1. Check that all container widths are specified as percentage values.

  2. Increase the text size to 200%.

  3. Check to make sure that horizontal scrolling is not required to read any line of text.

  4. Check that all text is still visible on the page.

Expected Results

If this is a sufficient technique for a success criterion, failing this test procedure does not necessarily mean that the success criterion has not been satisfied in some other way, only that this technique has not been successfully implemented and can not be used to claim conformance.