accname/name_from_content_of_label-manual.html

<!doctype html>
<html>
  <head>
    <title>Name from content of label</title>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
    <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 Eli the weird. (QED) Where are my marbles?"
               ]
            ],
            "AXAPI" : [
               [
                  "property",
                  "AXDescription",
                  "is",
                  "My name is Eli the weird. (QED) Where are my marbles?"
               ]
            ],
            "IAccessible2" : [
               [
                  "property",
                  "accName",
                  "is",
                  "My name is Eli the weird. (QED) Where are my marbles?"
               ]
            ],
            "UIA" : [
               [
                  "property",
                  "Name",
                  "is",
                  "My name is Eli the weird. (QED) Where are my marbles?"
               ]
            ]
         },
         "title" : "step 1",
         "type" : "test"
      }
   ],
   "title" : "Name from content of label"
}

    ) ;
    </script>
  </head>
  <body>
  <p>This test examines the ARIA properties for Name from content of label.</p>
    <style>
    .hidden { display: none; }
  </style>
  <input type="text" id="test" />
  <label for="test" id="label">
    <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>
   (QED)
   <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>
  </label>

  <div id="manualMode"></div>
  <div id="log"></div>
  <div id="ATTAmessages"></div>
  </body>
</html>