aria-labelledby-manual.html (2899B)
1 <!doctype html> 2 <html> 3 <head> 4 <title>aria-labelledby</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 "property", 22 "name", 23 "is", 24 "hello world" 25 ], 26 [ 27 "relation", 28 "RELATION_LABELLED_BY", 29 "is", 30 "[label]" 31 ] 32 ], 33 "AXAPI" : [ 34 [ 35 "property", 36 "AXDescription", 37 "is", 38 "hello world" 39 ], 40 [ 41 "property", 42 "AXTitleUIElement", 43 "is", 44 "label" 45 ] 46 ], 47 "IAccessible2" : [ 48 [ 49 "property", 50 "accName", 51 "is", 52 "hello world" 53 ], 54 [ 55 "relation", 56 "IA2_RELATION_LABELLED_BY", 57 "is", 58 "[label]" 59 ] 60 ], 61 "UIA" : [ 62 [ 63 "property", 64 "Name", 65 "is", 66 "hello world" 67 ], 68 [ 69 "property", 70 "LabeledBy", 71 "is", 72 "[label]" 73 ] 74 ] 75 }, 76 "title" : "step 1", 77 "type" : "test" 78 }, 79 { 80 "element" : "label", 81 "test" : { 82 "ATK" : [ 83 [ 84 "relation", 85 "RELATION_LABEL_FOR", 86 "is", 87 "[test]" 88 ] 89 ], 90 "IAccessible2" : [ 91 [ 92 "relation", 93 "IA2_RELATION_LABEL_FOR", 94 "is", 95 "[test]" 96 ] 97 ] 98 }, 99 "title" : "step 2", 100 "type" : "test" 101 } 102 ], 103 "title" : "aria-labelledby" 104 } 105 106 ) ; 107 </script> 108 </head> 109 <body> 110 <p>This test examines the ARIA properties for aria-labelledby.</p> 111 <div role='group' id='test' aria-labelledby='label'>content</div> 112 <div id='label'>hello world</div> 113 114 <div id="manualMode"></div> 115 <div id="log"></div> 116 <div id="ATTAmessages"></div> 117 </body> 118 </html>