| <!doctype html> |
| <html> |
| <head> |
| <title>Name from content</title> |
| <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/> |
| <link rel="stylesheet" href="/resources/testharness.css"> |
| <link rel="stylesheet" href="/wai-aria/scripts/manual.css"> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| <script src="/wai-aria/scripts/ATTAcomm.js"></script> |
| <script> |
| setup({explicit_timeout: true, explicit_done: true }); |
| |
| var theTest = new ATTAcomm( |
| { |
| "steps" : [ |
| { |
| "element" : "test", |
| "test" : { |
| "ATK" : [ |
| [ |
| "property", |
| "name", |
| "is", |
| "My name is Garaventa the weird. (QED) Where are my marbles?" |
| ] |
| ], |
| "AXAPI" : [ |
| [ |
| "property", |
| "AXDescription", |
| "is", |
| "My name is Garaventa the weird. (QED) Where are my marbles?" |
| ] |
| ], |
| "IAccessible2" : [ |
| [ |
| "property", |
| "accName", |
| "is", |
| "My name is Garaventa the weird. (QED) Where are my marbles?" |
| ] |
| ], |
| "UIA" : [ |
| [ |
| "property", |
| "Name", |
| "is", |
| "My name is Garaventa the weird. (QED) Where are my marbles?" |
| ] |
| ] |
| }, |
| "title" : "step 1", |
| "type" : "test" |
| } |
| ], |
| "title" : "Name from content" |
| } |
| |
| ) ; |
| </script> |
| </head> |
| <body> |
| <p>This test examines the ARIA properties for Name from content.</p> |
| <div id="test" role="link" tabindex="0"> |
| <span aria-hidden="true"><i> Hello, </i></span> |
| <span>My</span> name is |
| <div><img src="file.jpg" title="Bryan" alt="" role="presentation" /></div> |
| <span role="presentation" aria-label="Eli"> |
| <span aria-label="Garaventa">Zambino</span> |
| </span> |
| <span>the weird.</span> |
| (<span>Q</span><span>E</span><span>D</span>) |
| <span class="hidden"><i><b>and don't you forget it.</b></i></span> |
| <table> |
| <tr> |
| <td>Where</td> |
| <td style="visibility:hidden;"><div>in</div></td> |
| <td><div style="display:none;">the world</div></td> |
| <td>are my marbles?</td> |
| </tr> |
| </table> |
| </div> |
| |
| <div id="manualMode"></div> |
| <div id="log"></div> |
| <div id="ATTAmessages"></div> |
| </body> |
| </html> |