1
    2
    3
    4
    5
    6
    7
    8
    9
   10
   11
   12
   13
   14
   15
   16
   17
   18
   19
   20
   21
   22
   23
   24
   25
   26
   27
   28
   29
   30
   31
   32
   33
   34
   35
   36
   37
   38
   39
   40
   41
   42
   43
   44
   45
   46
   47
   48
   49
   50
   51
   52
   53
   54
   55
   56
   57
   58
   59
   60
   61
   62
   63
   64
   65

content / test / data / accessibility / aria / aria-treeitem-nested-in-lists.html [blame]

<!--
@MAC-ALLOW:AXRoleDescription
@MAC-ALLOW:AXARIASetSize
@MAC-ALLOW:AXARIAPosInSet
@MAC-DENY:AXARIASetSize=0
@MAC-DENY:AXARIAPosInSet=0
@MAC-ALLOW:AXIndex
@WIN-ALLOW:xml-roles*
@WIN-ALLOW:level*
@WIN-ALLOW:setsize*
@WIN-ALLOW:posinset*
@WIN-DENY:setsize:0
@WIN-DENY:posinset:0
@BLINK-ALLOW:hierarchicalLevel*
@AURALINUX-ALLOW:posinset*
@AURALINUX-ALLOW:setsize*
@AURALINUX-DENY:posinset:0
@AURALINUX-DENY:setsize:0
@BLINK-ALLOW:setSize*
@BLINK-ALLOW:posInSet*
@BLINK-DENY:setSize=0
@BLINK-DENY:posInSet=0
@BLINK-ALLOW:next*
@BLINK-ALLOW:prev*
@BLINK-ALLOW:isLineBreakingObject=true
-->
<!DOCTYPE html>
<html>
<head>
<style>
  .no-bullets {
    list-style-type: none;
  }
</style>
</head>
<body>
  <ul role="tree" class="no-bullets">
    <li>
      <div role="treeitem" aria-posinset="2" aria-setsize="5">treeitem 2 of 5, level 1</div>
    </li>
    <li>
      <div role="treeitem" aria-posinset="3" aria-setsize="5">treeitem 3 of 5, level 1</div>
    </li>
    <li>
      <div role="treeitem" aria-level="2">treeitem 1 of 2, level 2</div>
    </li>
    <li>
      <div role="treeitem" aria-level="3">treeitem 1 of 1, level 3</div>
    </li>
    <li>
      <div role="treeitem" aria-level="2">treeitem 2 of 2, level 2</div>
    </li>
  </ul>

  <ul role="tree">schedule
    <li role="treeitem">wake up
    <li role="treeitem">drink coffee
    <ul role="tree">tasks
      <li role="treeitem" aria-level='2'>meeting
      <li role="treeitem" aria-level='2'>lunch
    </ul>
    <li role="treeitem">cook dinner
  </ul>
</body>
</html>