role_none_conflict_resolution.html (1893B)
1 <!doctype html> 2 <html> 3 <head> 4 <title>Role None Conflict Resolution 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>Verifies <a href="https://w3c.github.io/aria/#conflict_resolution_presentation_none"></a>conflict resolution</a> requirements for the ARIA <a href="https://w3c.github.io/aria/#none">none</a> and <a href="https://w3c.github.io/aria/#presentation">presentation</a> roles.</p> 15 16 <!-- none with label(global) on header --> 17 <h1 role="none" data-testname="heading role none with global attr aria-label" data-expectedrole="heading" aria-label="x" class="ex">x</h1> 18 19 <!-- none with label(global) on paragraph --> 20 <p role="none" data-testname="p role none with global attr aria-label (prohibited role)" data-expectedrole="paragraph" aria-label="x" class="ex">x</p> 21 <p role="none" data-testname="p role none without global attr aria-label (prohibited role)" class="ex-generic">x</p> 22 23 <!-- none with focusable header --> 24 <h1 role="none" data-testname="focusable heading role none with tabindex=0" data-expectedrole="heading" tabindex="0" class="ex">x</h1> 25 <h1 role="none" data-testname="focusable heading role none with tabindex=-1" data-expectedrole="heading" tabindex="-1" class="ex">x</h1> 26 <h1 role="none" data-testname="non-focusable heading role none" class="ex-generic">x</h1> 27 28 <!-- none with non-global--> 29 <h1 role="none" data-testname="none with non-global" class="ex-generic" aria-level="2"> Sample Content </h1> 30 31 32 <script> 33 AriaUtils.verifyRolesBySelector(".ex"); 34 AriaUtils.verifyGenericRolesBySelector(".ex-generic"); 35 </script> 36 37 </body> 38 </html>