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


<testsuite id="ts0101-tabindex">
	
	<metaInfo>
		<testTitle>TABINDEX</testTitle>
		<shortTitle>Keyboard TAB navigation order defined by tests</shortTitle>
		<testElement>
			<elementName>TABINDEX</elementName>
			<hlink href="http://www.w3.org/TR/html401/interact/forms.html#adef-tabindex">&hspec; for TABINDEX</hlink>
		</testElement>
		<creator>Colin Koteles</creator>
		
		
		<metaElement></metaElement>
		<testStyle></testStyle>
	</metaInfo>
	
	<requirementInfo>
                <checkpoints>
                        <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 an assistive technology that emulates the keyboard, navigate the
						TABINDEX order of the following hypertext links.</item>
				</list>
			</procedure>
			<testCode>
				<div><a tabindex="3" href="../action/return.html">Test link 1</a> (TABINDEX "3")</div>
	 			<div><a tabindex="2" href="../action/return.html">Test link 2</a> (TABINDEX "2")</div> 
	 			<div><a tabindex="1" href="../action/return.html">Test link 3</a> (TABINDEX "1")</div> 
			</testCode>
      	<exResults>
				<list>
					<item>Keyboard focus moves to associated link</item>
					<item>Focus moves from "Test link 3" to "Test link 1" following the TABINDEX order.</item>
				</list>
			</exResults>
			<source>
				<div>
				&lt;div&gt;&lt;a tabindex="3" href="../action/return.html"&gt;Test link 1&lt;/a&gt; (TABINDEX "3")&lt;/div&gt;<br/>
	 			&lt;div&gt;&lt;a tabindex="2" href="../action/return.html"&gt;Test link 2&lt;/a&gt; (TABINDEX "2")&lt;/div&gt;<br/> 
	 			&lt;div&gt;&lt;a tabindex="1" href="../action/return.html"&gt;Test link 3&lt;/a&gt; (TABINDEX "1")&lt;/div&gt;<br/> 
				</div>
			</source>
		</test>
		
		<test section="2">
			<procedure>
				<list>
					<item>Using an assistive technology that emulates the keyboard, navigate the
						TABINDEX order of these text input boxes.</item>
				</list>
			</procedure>
			<testCode>
				<form action="../action/return.html"> 
				   <div>
					<label for="text1">Text Entry Control 1 (TABINDEX "4" on input element):&nbsp;</label>
					<input id="text1" type="text" tabindex="4" name="text1"/>
					</div><div>
					<label for="text2">Text Entry Control 2 (TABINDEX "5" on input element):&nbsp;</label>
					<input id="text2" type="text" tabindex="5" name="Text2"/>
					</div>
	 			</form>  
			</testCode>
      	<exResults>
				<list>
					<item>Keyboard focus moves to associated text box</item>
					<item>Focus moves from "Test Entry Contol 1" to "Test Entry Contol 2" following the TABINDEX
		  				order.</item>
				</list>
			</exResults>
		</test>
						
	</content>

</testsuite>