Text Resizing

Why it Matters |   How To... |   Testing |   Guidelines

Why it Matters

Eye glasses and a ruler

Many web users wear glasses or have some form of visual impairment that makes reading small text difficult. These users are likely to want to resize text to suit their preferences.

[return to top]

How To...

To ensure that text can be resized by the user appropriately, text size values need to be relative rather than absolute so that users can either use the browser resizing settings. You should use percentages (%) and "ems" (em) to set the size of your fonts rather than points (pt) and pixels (px).

You could consider offering settings on your site to make it easier for users to resize text, or giving users information about how to resize text on your accessibility page.

Avoid using images for textual elements, as these cannot easily be resized.

[return to top]

Testing

Check that all text on all pages resizes by using the browser setting adjustment in Internet Explorer (View > Text Size > Choose setting). Other browsers have been designed to resize text even on poorly coded sites. Your website should still be useable with all text settings.

[return to top]

Guidelines

Checkpoint 3.4 Ensure that text size values are relative rather than absolute.

[return to top]