name_from_content_of_label-manual.html (2560B)
1 <!doctype html> 2 <html> 3 <head> 4 <title>Name from content of label</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 "My name is Eli the weird. (QED) Where are my marbles?" 25 ] 26 ], 27 "AXAPI" : [ 28 [ 29 "property", 30 "AXDescription", 31 "is", 32 "My name is Eli the weird. (QED) Where are my marbles?" 33 ] 34 ], 35 "IAccessible2" : [ 36 [ 37 "property", 38 "accName", 39 "is", 40 "My name is Eli the weird. (QED) Where are my marbles?" 41 ] 42 ], 43 "UIA" : [ 44 [ 45 "property", 46 "Name", 47 "is", 48 "My name is Eli the weird. (QED) Where are my marbles?" 49 ] 50 ] 51 }, 52 "title" : "step 1", 53 "type" : "test" 54 } 55 ], 56 "title" : "Name from content of label" 57 } 58 59 ) ; 60 </script> 61 </head> 62 <body> 63 <p>This test examines the ARIA properties for Name from content of label.</p> 64 <style> 65 .hidden { display: none; } 66 </style> 67 <input type="text" id="test" /> 68 <label for="test" id="label"> 69 <span aria-hidden="true"><i> Hello, </i></span> 70 <span>My</span> name is 71 <div><img src="file.jpg" title="Bryan" alt="" role="presentation" /></div> 72 <span role="presentation" aria-label="Eli"> 73 <span aria-label="Garaventa">Zambino</span> 74 </span> 75 <span>the weird.</span> 76 (QED) 77 <span class="hidden"><i><b>and don't you forget it.</b></i></span> 78 <table> 79 <tr> 80 <td>Where</td> 81 <td style="visibility:hidden;"><div>in</div></td> 82 <td><div style="display:none;">the world</div></td> 83 <td>are my marbles?</td> 84 </tr> 85 </table> 86 </label> 87 88 <div id="manualMode"></div> 89 <div id="log"></div> 90 <div id="ATTAmessages"></div> 91 </body> 92 </html>