<!doctype html>
<html>
<head>
  <title>HTMLAreaElement Role Verification Tests</title>
  <script src="/resources/testharness.js"></script>
  <script src="/resources/testharnessreport.js"></script>
  <script src="/resources/testdriver.js"></script>
  <script src="/resources/testdriver-vendor.js"></script>
  <script src="/resources/testdriver-actions.js"></script>
  <script src="/wai-aria/scripts/aria-utils.js"></script>
</head>
<body>

<map name="areamap">
    <area shape="rect" coords="0,0,15,15" href="#" alt="x" data-testname="el-area" data-expectedrole="link" class="ex">
    <area shape="rect" coords="15,15,31,31" alt="x" data-testname="el-area-no-href" data-expectedrole="generic" class="ex">
</map>
<img usemap="#areamap" src="#" style="width: 32px; height: 32px;" alt="x">

<script>
AriaUtils.verifyRolesBySelector(".ex");
</script>

</body>
</html>