Difference between revisions of "ARIA Tree"

From Level Access Web Labs
Jump to navigation Jump to search
Line 11: Line 11:
 
<body>
 
<body>
  
<label id="courses">Courses</label>
+
<label id="courses">Courses 2</label>
 
<ul id="tree" class="tree" role="tree" aria-labelledby="courses">
 
<ul id="tree" class="tree" role="tree" aria-labelledby="courses">
 
   <li aria-level="1"id="web" role="treeitem" tabindex="0" aria-expanded="true">Web
 
   <li aria-level="1"id="web" role="treeitem" tabindex="0" aria-expanded="true">Web
Line 26: Line 26:
 
   </li>
 
   </li>
 
</ul>
 
</ul>
 +
 +
<div id="tree" class="tree" role="tree" aria-labelledby="courses">
 +
  <div aria-level="1"id="web" role="treeitem" tabindex="0" aria-expanded="true">Web
 +
    <div role="group">
 +
      <div aria-label="web basics" aria-level="2" id="webbasic" role="treeitem" tabindex="0">Web Basic</div>
 +
      <div aria-label="web advanced" aria-level="2" id="webadvanced" role="treeitem" tabindex="0">Web Advanced</div>
 +
    </div>
 +
  </div>
 +
  <div aria-level="1" id="pdf" role="treeitem" tabindex="0" aria-expanded="true">PDF
 +
    <div role="group">
 +
      <div aria-level="2" id="webbasic" role="treeitem" tabindex="0">PDF Basic</div>
 +
      <div aria-level="2" id="webadvanced" role="treeitem" tabindex="0">PDF Advanced</div>
 +
    </div>
 +
  </div>
 +
</div>
  
 
</div>  
 
</div>  

Revision as of 17:40, 18 September 2015

  • Web
    • Web Basic
    • Web Advanced
  • PDF
    • PDF Basic
    • PDF Advanced
Web
Web Basic
Web Advanced
PDF
PDF Basic
PDF Advanced