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.
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>
-
HTML 4.01
specification for
Text
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:
Last modified: $Date: 2003/04/02 23:46:56 $ by $Author: jongund $
Copyright
© 1999 - 2003
W3C®
(
MIT
,
INRIA
,
Keio
), All Rights Reserved. W3C
liability
,
trademark
,
document use
and
software licensing
rules apply.