| OLD | NEW | 
|---|
| 1 <html> | 1 <html> | 
| 2 <head> | 2 <head> | 
| 3 <style> | 3 <style> | 
| 4 area:focus { outline-color: green; } | 4 area:focus { outline-color: green; } | 
| 5 </style> | 5 </style> | 
| 6 <script> | 6 <script> | 
| 7 window.onload = function() | 7 window.onload = function() | 
| 8 { | 8 { | 
| 9     document.getElementById("area").focus(); | 9     document.getElementById("area").focus(); | 
| 10 } | 10 } | 
| 11 </script> | 11 </script> | 
| 12 </head> | 12 </head> | 
| 13 <body> | 13 <body> | 
| 14 <p>Assuming the port-specific theme draws focus rings, this test can be used to 
    ensure that a focus ring is drawn for an <area>. This test PASSED if a gre
    en-colored focus ring is drawn around the <area> in the imagemap (below).<
    /p> | 14 <p>Assuming the port-specific theme draws focus rings, this test can be used to 
    ensure that a focus ring is drawn for an <area>. This test PASSED if a gre
    en-colored focus ring is drawn around the <area> in the imagemap (below).<
    /p> | 
| 15 <map name="imagemap"> | 15 <map name="imagemap"> | 
| 16     <area id="area" shape="rect" coords="0,0,128,128" href="#dummy"/> | 16     <area id="area" shape="rect" coords="0,0,128,128" href="#dummy"/> | 
| 17 </map> | 17 </map> | 
| 18 <img width="128" height="128" usemap="#imagemap" /> | 18 <img src="imagemap.jpg" width="128" height="128" usemap="#imagemap" /> | 
| 19 </body> | 19 </body> | 
| 20 </head> | 20 </head> | 
| 21 </html> | 21 </html> | 
| OLD | NEW | 
|---|