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


<testsuite id="ts0102-onfocus-onblur-map-area">
	
	<metaInfo>
		<testTitle>ONFOCUS and ONBLUR attributes for MAP elements</testTitle>
		<shortTitle>ONFOCUS and ONBLUR events for MAP areas</shortTitle>				
		<testElement>
			<elementName>ONFOCUS</elementName>
			<hlink href="http://www.w3.org/TR/html401/interact/scripts.html#h-18.2.3">&hspec; ONFOCUS</hlink>
		</testElement>
		<testElement>
			<elementName>ONBLUR</elementName>
			<hlink href="http://www.w3.org/TR/html401/interact/scripts.html#h-18.2.3">&hspec; ONBLUR</hlink>
		</testElement>
		<testElement>
			<elementName>MAP</elementName>
			<hlink href="http://www.w3.org/TR/html401/struct/objects.html#h-13.6.1">&hspec; MAP</hlink>
		</testElement>	
		<testElement>
			<elementName>AREA</elementName>
			<hlink href="http://www.w3.org/TR/html401/struct/objects.html#h-13.6.1">&hspec; AREA</hlink>
		</testElement>													
		<creator>Dominique Kilman</creator>
		<creator>Colin Koteles</creator>		
		
				
		<metaElement></metaElement>
		<testStyle></testStyle>
	</metaInfo>
	
	<requirementInfo>
   	<checkpoints>
      	<checkpoint xref="tech-device-independent-handlers">
         	<provisions>
            	<provision xref="tech-device-independent-handlers-2"/>
            </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 map area to trigger the onFocus event.</item>
					<item>Using the keyboard or an assistive technology that emulates the keyboard, move focus off the map area to trigger the onBlur event.</item>
				</list>
			</procedure>
			<testCode>
				<table summary="layout table"><tbody>
  					<tr><td>
					    	<img src="../images/map-area.gif" alt="Test Map Area" width="140" height="40" usemap="#testMap" border="0"/>
	 						<map name="testMap" id="testMap">
							<area onblur="blurTest('../images/clear.gif')" onfocus="focusTest('../images/starRed.gif')" href="../action/return.html" shape="rect" coords="0,0,140,40" alt="Test Map Area"/>
							</map>
						</td>
    					<td>
      					<table border="1"><tbody>
        						<tr><td>
									<img id="redStar" height="35" alt="red star" src="../images/clear.gif" width="35" border="0" name="redStar"/>
								</td></tr>
							</tbody></table>
						</td></tr>
					</tbody></table>
			</testCode>
      	<exResults>
				<list>
					<item>A red star appears in the box when the map area receives focus.</item>
					<item>The red star disappears when the map area loses focus.</item>
				</list>
			</exResults>
			<sourcescript>
				function focusTest (img) 
				{
   				document.redStar.src = img
				}

				function blurTest (img) 
				{
      				document.redStar.src = img
				}
			</sourcescript>
		</test>
						
	</content>

</testsuite>