Change Text Size Using a Single Key

On this page: Test 1 | References | About these tests

Nearby: More HTML 4.01 Tests | UAAG 1.0 Test Suite

UAAG 1.0 Requirement

Checkpoint 11.4 Single-key access (Priority 2 ): Provision 2 : For each functionality in the set required by checkpoint 11.5, allow the user to configure a single-key binding. A single-key binding is one where a single key press performs the task, with zero modifier keys.

Test 1 :

Procedure

Configure the user agent so that a single key can be used to increase the size of the rendered text on this page.
Configure the user agent so that a single key can be used to decrease the size of the rendered text on this page.

Run test

XX-small size text

X-small size text

Small size text

Medium size text

Large size text

X-large size text

XX-large size text

14pt size text

14px size text

Medium size parent text

Smaller size child text

Medium size parent text

Larger size child text

Medium size parent text

150% size child text

Medium size parent text

75% size child text

Medium size parent text

1.5 em size child text

Medium size parent text

.75 em size child text

Expected results

The user agent can be configured so that a single key can be used to increase the size of rendered text.
The user agent can be configured so that a single key can be used to decrease the size of rendered text.

Source code

<div>
  <p style="font-size: xx-small">XX-small size text</p>
  <p style="font-size: x-small">X-small size text</p>
  <p style="font-size: small">Small size text</p>
  <p style="font-size: medium">Medium size text</p>
  <p style="font-size: large">Large size text</p>
  <p style="font-size: x-large">X-large size text</p>
  <p style="font-size: xx-large">XX-large size text</p>
  <p style="font-size: 14pt">14pt size text</p>
  <p style="font-size: 14px">14px size text</p>
  <p style="font-size: medium">Medium size parent text</p>
  <blockquote>
    <p style="font-size: smaller">Smaller size child text</p>
  </blockquote>
  <p style="font-size: medium">Medium size parent text</p>
  <blockquote>
    <p style="font-size: larger">Larger size child text</p>
  </blockquote>
  <p style="font-size: medium">Medium size parent text</p>
  <blockquote>
    <p style="font-size: 150%">150% size child text</p>
  </blockquote>
  <p style="font-size: medium">Medium size parent text</p>
  <blockquote>
    <p style="font-size: 75%">75% size child text</p>
  </blockquote>
  <p style="font-size: medium">Medium size parent text</p>
  <blockquote>
    <p style="font-size: 1.5em">1.5 em size child text</p>
  </blockquote>
  <p style="font-size: medium">Medium size parent text</p>
  <blockquote>
    <p style="font-size: .75em">.75 em size child text</p>
  </blockquote>
</div>

References

HTML 4.01 specification for Text

About this test suite

This test is part of a test suite for the User Agent Accessibility Guidelines (UAAG) 1.0 . This work is conducted by the User Agent Accessibility Guidelines Working Group , which is part of W3C's Web Accessibility Initiative (WAI) . Please send comments on this test to w3c-wai-ua@w3.org ( public archive ).

Test created by:

Colin Koteles

Last modified: $Date: 2003/04/02 23:46:56 $ by $Author: jongund $