WebAIM - Web Accessibility In Mind

E-mail List Archives

RE: Explicit Link Between Radio Buttons and "Question" Label?

for

From: Paul Bohman
Date: Feb 12, 2003 4:29PM

Below is the source code for the file that I attached previously, for anyone
who may not have been able to receive the attachment (there is no other text
in this message after the source code):


<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>

<body>
<form name="form1" id="form1" method="post" action="">

<h2>A Solution to the problem</h2>

<fieldset >
<legend>I believe that the shortest distance between two points is a
straight
line. </legend>
<p>
<input type="radio" name="one" value="sa1" id="sa1" />
<label for="sa1">Strongly agree</label><br />
<input type="radio" name="one" value="a1" id="a1" /> <label
for="a1">Agree</label><br />
<input type="radio" name="one" value="d1" id="d1" /> <label
for="d1">Disagree</label><br />
<input type="radio" name="one" value="sd1" id="sd1" />
<label for="sd1">Strongly disagree</label>
</p>
</fieldset>

<fieldset>
<legend>I get goosebumps everytime I have the opportunity to apply
the quadratic
equation to real-life circumstances.
</legend>
<p>
<input type="radio" name="two" value="sa2" id="sa2" />
<label for="sa2">Strongly agree</label><br />
<input type="radio" name="two" value="a2" id="a2" /> <label
for="a2">Agree</label><br />
<input type="radio" name="two" value="d2" id="d2" /> <label
for="d2">Disagree</label><br />
<input type="radio" name="two" value="sd2" id="sd2" />
<label for="sd2">Strongly disagree</label>
</p>
</fieldset>

<fieldset>
<legend>I can't remember the last time that I added two numbers
together.
</legend>
<p>
<input type="radio" name="three" value="sa3"
id="sa3" /> <label for="sa3">Strongly agree</label><br />
<input type="radio" name="three" value="a3" id="a3"
/> <label for="a3">Agree</label><br />
<input type="radio" name="three" value="d3" id="d3"
/> <label for="d3">Disagree</label><br />
<input type="radio" name="three" value="sd3"
id="sd3" /> <label for="sd3">Strongly disagree</label>
</p>
</fieldset>



</form>

</body>
</html>


----
To subscribe, unsubscribe, or view list archives,
visit http://www.webaim.org/discussion/