testing/web-platform/tests/accname/name_from_content_of_labelledby_elements_one_of_which_is_hidden-manual.html

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