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

<html>
<head>
<style>
map { outline-color: green; }
area:focus { outline-color: inherit; }
</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 for an &lt;area&gt; can be explicitly inherited from &lt;map&gt;. This test PASSED if a green-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-explicitly-inherited-from-map.html