Techniques for WCAG 2.0

On this page:

-

# H87: Not interfering with the user agent's reflow of text as the viewing window is narrowed

## Applicability

Not interfering with the user agent's reflow of text as the viewing window is narrowed

This technique relates to:

- Success Criterion 1.4.8 (Visual Presentation)
  - How to Meet 1.4.8 (Visual Presentation)
  - Understanding Success Criterion 1.4.8 (Visual Presentation)

## Description

This technique helps avoid situations where horizontal scrolling may occur. Many people with cognitive disabilities and low vision users who do not use assistive technology have a great deal of trouble with blocks of text that require horizontal scrolling. It involves not interfering with the reflow of text if the window is narrowed. One of the best ways to do this to define widths of text block containers in percentages.

HTML and XHTML user agents automatically reflow text as the browser window is narrowed as long as the author does not specify widths using absolute measurements such as pixels or points.

## Examples

### Example 1

A newspaper site includes articles with columns that adjust with the user agents window width. Users with cognitive disabilities can narrow the column to a width that makes it easier to read.

## Resources

Resources are for information purposes only, no endorsement implied.

- CSS Box Model

## Related Techniques

- C20: Using relative measurements to set column widths so that lines can average 80 characters or less when the browser is resized

## Tests

### Procedure

1. Open the content that contains a block of text in a common browser.

2. Narrow the viewing window to 1/4 of the screen width.

3. Check to see that the content does not require horizontal scrolling to read a line of text.

### Expected Results

- Check #3 is true.

- Top
- Contents
- Intro
- Previous: Technique H86
- Next: Technique H88