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


<testsuite id="ts1105-enabled-elements">
	
	<metaInfo>
		<testTitle>User Agent Bindings for Moving Focus to Enabled Elements</testTitle>
		<shortTitle>Move Focus to Enabled Elements</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-default-input-config">
            <provisions>
            	<provision xref="tech-default-input-config-1"/>								
			   </provisions>
         </checkpoint>
				<checkpoint xref="tech-device-independent-ui">
         	<provisions>
            	<provision xref="tech-device-independent-ui-1"/>
            </provisions>
         </checkpoint>
</checkpoints>
	</requirementInfo>
	
	<content>
		
		
		
		<test section="1">
			<procedure>
				<list>
					<item>Using the keyboard or an assistive technology that emulates the keyboard, move focus to the next enabled element in the test area.</item>
					<item>Using the keyboard or an assistive technology that emulates the keyboard, move focus to the previous enabled element in the test area.</item>
				</list>
			</procedure>
			<testCode>
				<div>
					<form action="../action/return.html" method="post" title="Test Form 1">
						<table border="0" 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>
					
					<table border="0" cellpadding="5" summary="Layout table for test links">
						<tr><th>Link Enabled Elements</th></tr> 					
						<tr><td>						
							<p class="test">
								<a href="../action/return.html">Test Link 1</a>
							</p>
						</td></tr><tr><td>
							<p class="test">
								<a href="../action/return.html">Test Link 2</a>
							</p>
						</td></tr>
					</table>			
					
					<table border="0" 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>			
					
					<table border="0" 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>Using the input configuration of the default user agent bindings, the user can move to any of the enabled elements in the test area.</item>
					<item>Using the input configuration of the default user agent bindings, the user can move to the next and previous enabled element in the test area.</item>
				</list>
			</exResults>
			<sourcescript>
					function imgChange1( img ) 
					{
   					document.lamp1.src = img;
					}
					function imgChange( img ) 
					{
   					document.star1.src = img
					}						
			</sourcescript>			
		</test>
						
	</content>

</testsuite>
