Web Accessibility Checker : Check Details

Element

select

Error Type

Known

Guidelines

WCAG 2.0 (Level A)
1.3 Ensure that information and structure can be separated from presentation
Success Criteria 1.3.1 Info and Relationships (A)
WCAG 2.0 (Level AA)
1.3 Adaptable: Create content that can be presented in different ways (for example simpler layout) without losing information or structure.
Success Criteria 1.3.1 Info and Relationships (A)
WCAG 2.0 (Level AAA)
1.3 Adaptable: Create content that can be presented in different ways without losing information or structure.
Success Criteria 1.3.1 Info and Relationships (A)

Requirement

All select elements have a label that contains text.

Error

Label text is empty for select element.

Short Description

Label must contain some text.

How To Repair

Add text to the label associated with the select element.

Steps To Check

Procedure

1. Check the associated label for all select elements.
2. Note: For information on what constitutes an associated label please see test 57.

Expected Result

1. Each associated label is expected to contain at least one printable character.

Failed Result

1. Add text to the select element's associated label.

Examples

Pass Examples

associated label contains text.

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/xhtml; charset=UTF-8" />
<title>ATRC Testfile 208.2 - Negative</title>
</head>
<body>
<form method="post" action="http://www.test.com">
<p>
<label for="animal">Animal:</label>
<select name="abcselect" id="animal">
<option value="1">dog</option>
<option value="2">cat</option>
<option value="3">bird</option>
</select>
</p>
</form>
</body>
</html>

Fail Examples

associated label is empty.

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/xhtml; charset=UTF-8" />
<title>ATRC Testfile 208.1 - Positive</title>
</head>
<body>
<form method="post" action="http://www.test.com">
<p>
<label for="animal"></label>
<select name="abcselect" id="animal">
<option value="1">dog</option>
<option value="2">cat</option>
<option value="3">bird</option>
</select>
</p>
</form>
</body>
</html>