tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

comp_name_from_heading.tentative.html (2522B)


      1 <!doctype html>
      2 <html>
      3 <head>
      4  <title>Name Comp: Name From Heading</title>
      5  <meta charset="utf-8">
      6  <script src="/resources/testharness.js"></script>
      7  <script src="/resources/testharnessreport.js"></script>
      8  <script src="/resources/testdriver.js"></script>
      9  <script src="/resources/testdriver-vendor.js"></script>
     10  <script src="/resources/testdriver-actions.js"></script>
     11  <script src="/wai-aria/scripts/aria-utils.js"></script>
     12 </head>
     13 <body>
     14 
     15 <p>Tests the <a href="https://w3c.github.io/accname/#comp_name_from_heading">#comp_name_from_heading</a> portions of the AccName <em>Name Computation</em> algorithm.</p>
     16 <p>Includes <a href="https://github.com/w3c/aria/pull/1860">tentative "name from heading" diff</a>.</p>
     17 
     18 <!-- ARIA roles. -->
     19 <div role="alertdialog" data-expectedlabel="alertdialog role heading contents" data-testname="alertdialog role, name from heading" class="ex-label">
     20  <h2>alertdialog role heading contents</h2>
     21  <p>More alertdialog content.</p>
     22 </div>
     23 
     24 <div role="article" data-expectedlabel="article role heading contents" data-testname="article role, name from heading" class="ex-label">
     25  <h2>article role heading contents</h2>
     26  <p>More article content.</p>
     27 </div>
     28 
     29 <div role="dialog" data-expectedlabel="dialog role heading contents" data-testname="dialog role, name from heading" class="ex-label">
     30  <h2>dialog role heading contents</h2>
     31  <p>More dialog content.</p>
     32 </div>
     33 
     34 <div role="group" data-expectedlabel="" data-testname="group role, verify name is NOT from heading" class="ex-label">
     35  <div role="group">
     36    <h3>Not this one</h3>
     37  </div>
     38  <h2>nor this one</h2>
     39  <p>Nor this content.</p>
     40 </div>
     41 
     42 <!-- Native HTML elements. -->
     43 <dialog open data-expectedlabel="dialog heading contents" data-testname="native dialog element, name from heading" class="ex-label">
     44  <h2>dialog heading contents</h2>
     45  <p>More dialog content.</p>
     46 </dialog>
     47 
     48 
     49 <!-- Depth first search (DFS) tests (standard DFS rather than iterative-deepening depth-first search IDDFS/IDS) -->
     50 <!-- Note: The WG wanted change this from the initially proposed IDS to DFS, but IDS is more performant, so we'll need multiple implementor buy-in for the selection. -->
     51 <div role="article" data-expectedlabel="article role simple DFS" data-testname="article role, name from DFS heading" class="ex-label">
     52  <div role="group">
     53    <h3>article role simple DFS</h3>
     54  </div>
     55  <h2>Not this one</h2>
     56  <p>More article content.</p>
     57 </div>
     58 
     59 
     60 <script>
     61 AriaUtils.verifyLabelsBySelector(".ex-label");
     62 </script>
     63 </body>
     64 </html>