synonym-roles.html (1871B)
1 <!doctype html> 2 <html> 3 <head> 4 <title>Region Role Verification Tests</title> 5 <script src="/resources/testharness.js"></script> 6 <script src="/resources/testharnessreport.js"></script> 7 <script src="/resources/testdriver.js"></script> 8 <script src="/resources/testdriver-vendor.js"></script> 9 <script src="/resources/testdriver-actions.js"></script> 10 <script src="/wai-aria/scripts/aria-utils.js"></script> 11 </head> 12 <body> 13 14 <p>Tests synonym roles image/img and none/presentation via <a href="https://w3c.github.io/core-aam/#roleMappingComputedRole">Core-AAM Computed Role</a>.</p> 15 16 <!-- spec resolution https://github.com/w3c/core-aam/issues/166 --> 17 18 <div role="none" id="none" data-testname="none role == computedrole none" class="ex-generic">x</div><!-- preferred --> 19 <div role="presentation" id="presentation" data-testname="synonym presentation role == computedrole none" class="ex-generic">x</div><!-- synonym --> 20 21 <div role="image" id="image" data-expectedrole="image" data-testname="image role == computedrole image" class="ex">x</div><!-- preferred --> 22 <div role="img" id="img" data-expectedrole="image" data-testname="synonym img role == computedrole image" class="ex">x</div><!-- synonym --> 23 24 <!-- `directory` synonym deprecated in ARIA 1.2; these examples should all return computedrole `list` --> 25 <ul role="list" id="list2" data-expectedrole="list" data-testname="list role == computedrole list" class="ex"><li>x</li></ul> 26 <ul role="directory" id="directory" data-expectedrole="list" data-testname="directory role == computedrole list" class="ex"><li>x</li></ul> 27 <div role="directory" id="div" data-expectedrole="list" data-testname="div w/directory role == computedrole list" class="ex"><div role="listitem">x</div></div> 28 29 <script> 30 AriaUtils.verifyRolesBySelector(".ex"); 31 AriaUtils.verifyGenericRolesBySelector(".ex-generic"); 32 </script> 33 </body> 34 </html>