W3CWeb Accessibility Initiative Home

Highlight Styles

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 10.2 Highlight selection, content focus, enabled elements, visited links (Priority 1 )
Provision 1 : Allow global configuration to highlight the following four classes of information in each viewport: the selection, content focus, enabled elements, and recently visited links.
Provision 2 : For graphical user interfaces, as part of satisfying provision one of this checkpoint, allow at least one configuration where the highlight mechanisms for the four classes of information: differ from each other, and do not rely on rendered text foreground and background colors alone.

Test 1 :

Procedure

  1. Select parts of the test text and the test image
  2. Move content focus to the buttons, text input boxes, and textareas on this page

Run test

The ungentle laws and customs touched upon in this tale are historical, and the episodes which are used to illustrate them are also historical. It is not pretended that these laws and customs existed in England in the sixth century; no, it is only pretended that inasmuch as they existed in the English and other civilizations of far later times, it is safe to consider that it is no libel upon the sixth century to suppose them to have been in practice in that day also. One is quite justified in inferring that whatever one of these laws or customs was lacking in that remote time, its place was competently filled by a worse one.

Test Image

Test visited link




Test Inline frame:

Expected results

  1. The different elements on this page should be highlighted in ways that do not rely on color alone.
  2. The current selection, content focus, enabled elements, and recently visited links should be highlighted in ways that differ from each other in more than color.

Source code

<div>The ungentle laws and customs touched upon in this tale are historical, and the episodes which are used to illustrate them are also historical. It is not pretended that these laws and customs existed in England in the sixth century; no, it is only pretended that inasmuch as they existed in the English and other civilizations of far later times, it is safe to consider that it is no libel upon the sixth century to suppose them to have been in practice in that day also. One is quite justified in inferring that whatever one of these laws or customs was lacking in that remote time, its place was competently filled by a worse one.</div>
<div><img src="../images/test.gif" alt="Test Image" width="272" height="50"/></div>
<div><a href="1003-HIGHLIGHT-STYLES.html">Test visited link</a></div>
<form action="../action/return.html" method="post">
<label for="text1">Test Text Input:</label>
<input id="text1" type="text" name="text-input" maxlength="20"/><br/>
</form>
<form action="../action/return.html" method="post">
<label for="textarea">Test Textarea: </label>
<textarea id="textarea" name="textarea" rows="2" cols="30"></textarea><br/>
</form>
<form action="../action/return.html" method="post">
<label for="submit">Test Submit Button: </label>
<button id="submit" name="submit" type="submit" value="submit">Submit</button>
</form>
<form action="../action/return.html" method="get">
<label for="test-button">Test Input Button: </label>
<input id="test-button" type="button" value="Input Button"/>
</form>
<form action="../action/return.html" method="post">
<label for="checkbox1">Test Checkbox 1</label>
<input id="checkbox1" type="checkbox" value="1" name="check-input" checked="checked"/><br/>
<label for="checkbox2">Test Checkbox 2</label>
<input id="checkbox2" type="checkbox" value="2" name="check-input"/>
</form>
<form action="../action/return.html" method="post">
<label for="button1">Test Radio Button 1: </label>
<input id="button1" type="radio" value="1" name="radio-input" checked="checked"/><br/>
<label for="button2">Test Radio Button 2: </label>
<input id="button2" type="radio" value="2" name="radio-input"/>
</form>
<div>Test Inline frame:</div>
<iframe title="Frame Test Suite Target 1" name="iframe1" src="../frames/frame-target1.html" width="50%" scrolling="yes" height="60">
This part of the test suite requires frames to be supported and enabled by your browser. Please enable frames to use this suite.
</iframe>

References

  1. HTML 4.01 definition for selection
  2. HTML 4.01 definition for content focus
  3. HTML 4.01 definition for enabled elements

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:

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