roles-contextual.html (2012B)
1 <!doctype html> 2 <html> 3 <head> 4 <title>Core AAM Contextual-Specific 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 15 <p>Tests contextual computed role mappings defined in <a href="https://w3c.github.io/core-aam/">HTML AAM</a>, where the returned computed role is expected to change based on the context. Most test names correspond to a unique ID defined in the spec.<p> 16 17 <p>These should remain in alphabetical order.</code></p> 18 19 <!-- role-map-region and role-map-region-nameless --> 20 <div role="region" data-testname="role-map-region" aria-label="x" data-expectedrole="region" class="ex">x</div> 21 <div role="region" data-testname="role-map-region-nameless" class="ex-generic">x</div> 22 <div role="region" data-testname="role-map-region-aria-label-empty" class="ex-generic" aria-label="">x</div> 23 <div role="region" data-testname="role-map-region-aria-label-whitespace" class="ex-generic" aria-label=" ">x</div> 24 <div role="region" data-testname="role-map-region-aria-labelledby" data-expectedrole="region" class="ex" aria-labelledby="labelledby">x</div> 25 <div role="region" data-testname="role-map-region-aria-labelledby-non-existing" class="ex-generic" aria-labelledby="non-existing">x</div> 26 <div role="region" data-testname="role-map-region-title" data-expectedrole="region" title="x" class="ex">x</div> 27 <div role="region" data-testname="role-map-region-title-empty" class="ex-generic" title="">x</div> 28 29 <!-- element to reference for aria-labelledby tests --> 30 <div id="labelledby">labelledby</div> 31 <div id="empty"></div> 32 <div id="space"> </div> 33 34 <script> 35 AriaUtils.verifyRolesBySelector(".ex"); 36 AriaUtils.verifyGenericRolesBySelector(".ex-generic"); 37 </script> 38 39 </body> 40 </html>