imagemap-focus-ring-outline-color-not-inherited-from-map.html

<html>
<head>
<style>
map { outline-color: red; }
</style>
<script>
window.onload = function()
{
    document.getElementById("area").focus();
}
</script>
</head>
<body>
<p>Assuming the port-specific theme draws focus rings, this test can be used to ensure that the focus ring color is not inherited for an &lt;area&gt; (by default) as per <a href="http://www.w3.org/TR/CSS2/ui.html#dynamic-outlines">section 18.4 "Dynamic outlines: the 'outline' property" of the CSS2.1 spec</a>. This test FAILED if a red-colored focus ring is drawn around the &lt;area&gt; in the imagemap (below).</p>
<map name="imagemap">
    <area id="area" shape="rect" coords="0,0,128,128" href="#dummy"/>
</map>
<img width="128" height="128" usemap="#imagemap" />
</body>
</head>
</html>

chromium/third_party/blink/web_tests/images/imagemap-focus-ring-outline-color-not-inherited-from-map.html