<?xml version="1.0"?>
<!DOCTYPE testsuite SYSTEM 
"http://www.w3.org/WAI/UA/TS/dtd/uaag-testsuite-2.dtd">


<testsuite id="ts1104-single-key-enabled-elements">
	
	<metaInfo>
		<testTitle>Activate Enabled Elements Using a Single Key</testTitle>
		<shortTitle>Activate Enabled Elements Using a Single Key</shortTitle>		
		<testElementList>
			<testElementItem specName="W3C/WAI/UAAG" cite="http://www.w3.org/WAI/UA/WD-UAAG10-20020708/glossary.html#def-enabled-element">Enabled Elements</testElementItem>
		</testElementList>	
		<creator>Colin Koteles</creator>						
		<metaElement></metaElement>
		<testStyle></testStyle>
	</metaInfo>
	
	<requirementInfo>
		<checkpoints>
			<checkpoint xref="tech-single-key">
            <provisions>
					<provision xref="tech-single-key-2"/>																																		
			   </provisions>
         </checkpoint>
		</checkpoints>
	</requirementInfo>
	
	<content>	
		<test section="1">
			<procedure>
				<list>
					<item>Configure the user agent so that a single key can be used to move focus to each enabled element on this page.</item>
					<item>Configure the user agent so that a single key can be used to activate each enabled element on this page.</item>
					<item>Use the configured single keys to move focus to each enabled element and activate the enabled element (if applicable).</item>
				</list>
			</procedure>
			<testCode>
				<div>
					<form action="../action/return.html" method="post" title="Test Form 1">
						<table border="1" cellpadding="5" summary="Layout table for test form number 1">
							<tr><th>Test Form Enabled Elements</th></tr> 	
							<tr><td>	
								<label>Label for test text input:&nbsp;<input type="text" name="testTextInput"/></label><br/>
								<label>Label for test checkbox input:&nbsp;<input type="checkbox" name="testCheckInput"/></label><br/>
								<label>Label for test radio input 1:&nbsp;<input type="radio" name="testRadioInput" checked="checked"/></label><br/>	
								<label>Label for test radio input 2:&nbsp;<input type="radio" name="testRadioInput"/></label><br/>																			
							</td></tr><tr><td>	
								<input type="reset" value="reset"/>
								<input type="submit" value="submit"/>
							</td></tr>
						</table>
					</form>
					
					<p>&nbsp;</p>							
					
					<table border="1" cellpadding="5" summary="Layout table for test event handlers">
						<tr><th>Event Handler Enabled Elements</th></tr> 					
						<tr><td>						
							<p>Onmouseover/onmouseout events:&nbsp;
								<img id="lamp1" onmouseover="imgChange1('../images/tn_desklamp1.gif')" onmouseout="imgChange1('../images/desklamp2.gif')" src="../images/desklamp2.gif" height="32" width="25" alt="Lamp turned off" border="0" name="lamp1"/>
							</p>	
						</td></tr><tr><td>
							<p>Onclick/ondblclick events:&nbsp;
								<img id="star1" ondblclick="imgChange('../images/starPink.gif')" onclick="imgChange('../images/starRed.gif')" src="../images/starYel.gif" width="35" height="35" alt="star" border="0" name="star1"/>
							</p>
						</td></tr>
					</table>			
					
					<p>&nbsp;</p>
					
					<table border="1" cellpadding="5" summary="Layout table for image maps">
						<tr><th>Image Map Enabled Elements</th></tr> 				
						<tr><td>	
							<img src="../images/map-area2.gif" alt="Test Map Area" width="140" height="40" usemap="#testMap" border="0"/>
							<map name="testMap" id="testMap" title="Test Map Area">					
	 							<area href="../action/return.html" alt="Green Map Area" shape="rect" coords="0,0,70,40"/>
								<area href="../action/return.html" alt="Red Map Area" shape="rect" coords="71,0,140,40"/>
							</map>		
						</td></tr>
					</table>							
				</div>
			</testCode>
      	<exResults>
				<list>
					<item>The user agent can be configured so that a single key can be used to move focus to each enable element and a single key can be used to activate each enabled element.</item>
				</list>
			</exResults>
			<sourcescript>
					function imgChange1( img ) 
					{
   					document.lamp1.src = img;
					}
					function imgChange( img ) 
					{
   					document.star1.src = img
					}						
			</sourcescript>			
		</test>
						
	</content>

</testsuite>
