aria-controls-manual.html (2387B)
1 <!doctype html> 2 <html> 3 <head> 4 <title>aria-controls</title> 5 <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/> 6 <link rel="stylesheet" href="/wai-aria/scripts/manual.css"> 7 <script src="/resources/testharness.js"></script> 8 <script src="/resources/testharnessreport.js"></script> 9 <script src="/wai-aria/scripts/ATTAcomm.js"></script> 10 <script> 11 setup({explicit_timeout: true, explicit_done: true }); 12 13 var theTest = new ATTAcomm( 14 { 15 "steps" : [ 16 { 17 "element" : "test", 18 "test" : { 19 "ATK" : [ 20 [ 21 "relation", 22 "RELATION_CONTROLLER_FOR", 23 "is", 24 "[list]" 25 ] 26 ], 27 "AXAPI" : [ 28 [ 29 "property", 30 "AXLinkedUIElements", 31 "is", 32 "[list]" 33 ] 34 ], 35 "IAccessible2" : [ 36 [ 37 "relation", 38 "IA2_RELATION_CONTROLLER_FOR", 39 "is", 40 "[list]" 41 ] 42 ], 43 "UIA" : [ 44 [ 45 "property", 46 "ControllerFor", 47 "is", 48 "[list]" 49 ] 50 ] 51 }, 52 "title" : "step 1", 53 "type" : "test" 54 }, 55 { 56 "element" : "list", 57 "test" : { 58 "ATK" : [ 59 [ 60 "relation", 61 "RELATION_CONTROLLED_BY", 62 "is", 63 "[test]" 64 ] 65 ], 66 "IAccessible2" : [ 67 [ 68 "relation", 69 "IA2_RELATION_CONTROLLED_BY", 70 "is", 71 "[test]" 72 ] 73 ] 74 }, 75 "title" : "step 2", 76 "type" : "test" 77 } 78 ], 79 "title" : "aria-controls" 80 } 81 82 ) ; 83 </script> 84 </head> 85 <body> 86 <p>This test examines the ARIA properties for aria-controls.</p> 87 <div role='combobox' id='test' aria-controls='list'> 88 <div role='textbox'>content</div> 89 </div> 90 <div role='listbox' id='list'> 91 <div role='option'>content</div> 92 </div> 93 94 <div id="manualMode"></div> 95 <div id="log"></div> 96 <div id="ATTAmessages"></div> 97 </body> 98 </html>