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