Content - 348d56224536976001a3777cdab135c03af1f6be - b56f4ec/accname/name_from_content_of_labelledby_elements_one_of_which_is_hidden-manual.html

visit type:

Tip revision: 93776cefe33e150432abe256951e35e385ba82e2 authored by Ian Kilpatrick on 12 April 2018, 12:08:38 UTC
[css-layout-api] Fix DCHECK with the custom layout and multicol.

Tip revision: 93776ce

name_from_content_of_labelledby_elements_one_of_which_is_hidden-manual.html

<!doctype html>
<html>
  <head>
    <title>Name from content of labelledby elements one of which is hidden</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",
                  "Important stuff"
               ]
            ],
            "AXAPI" : [
               [
                  "property",
                  "AXDescription",
                  "is",
                  "Important stuff"
               ]
            ],
            "IAccessible2" : [
               [
                  "property",
                  "accName",
                  "is",
                  "Important stuff"
               ]
            ],
            "UIA" : [
               [
                  "property",
                  "Name",
                  "is",
                  "Important stuff"
               ]
            ]
         },
         "title" : "step 1",
         "type" : "test"
      }
   ],
   "title" : "Name from content of labelledby elements one of which is hidden"
}

    ) ;
    </script>
  </head>
  <body>
  <p>This test examines the ARIA properties for Name from content of labelledby elements one of which is hidden.</p>
    <style>
    .hidden { display: none; }
  </style>
  <div>
    <input id="test" type="text" aria-labelledby="lbl1 lbl2" aria-describedby="descId" />
    <span>
      <span aria-hidden="true" id="lbl1">Important</span>
      <span class="hidden">
        <span aria-hidden="true" id="lbl2">stuff</span>
      </span>
    </span>
  </div>
  <div class="hidden">
    <div id="descId">
      <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>

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

Browse the archive

https://github.com/web-platform-tests/wpt