This is a draft document supplied by the WCAG Techniques Task Force. It in no way represents a WCAG Working Group consensus or agreement and is provided for informational and discussion purposes only. The accessibility test listed below should not be construed as required for conformance with the proposed WCAG2.
select element must have an associated label. Copyright 2005, ATRC, University Of Toronto, All Rights Reserved. W3C liability, trademark, document use and software licensing rules apply.
This test case was created by the ATRC at the University Of Toronto. It should not be construed as required for conformance with the proposed WCAG2.
The complete list of tests may be found at http://www.w3.org/WAI/GL/WCAG20/tests/
Comments on this test may be made to the WCAG mailing list.
As part of the conformance test process, this test has a status of 'unconfirmed'.
This test is not required for conformance to the current WCAG2. It is provided for discussion and informational purposes only.
There are no techniques related to this test.
There are no prerequisite tests for this test.
select elements in the content.id attribute value for the select element.label element that has a for attribute value that is the same as the input element's id attribute value.select element is expected to have a label element that is associated using the ID and for attributes.label element for the select element and associate these elements using the ID and for attributes.Any accessibility check may be performed after this test.
These test files contain examples of the accessibility problem detectable by this test. They may also contain more accessibility problems than the one described in this test. Please ignore any extraneous accessibility problems in these files.
select with no associated label)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN""http://www.w3.org/TR/REC-html40/loose.dtd">
<html lang="en">
<head>
<title>OAC Testfile - Check #91 - Positive</title>
</head>
<body>
<form>
<label >Test select:</label>
<select name="abcselect" id="select1">
<option value="1">1</option>
<option value="2">2</option>
</select>
</form>
</body>
</html>
select with associated label)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN""http://www.w3.org/TR/REC-html40/loose.dtd">
<html lang="en">
<head>
<title>OAC Testfile - Check #91 - Negative</title>
</head>
<body>
<form>
<label for="select1">Test select:</label> <select name="abcselect" id="select1">
<option value="1">1</option>
<option value="2">2</option>
</select>
</form>
</body>
</html>