Difference between revisions of "ARIA Tree"

From Level Access Web Labs
Jump to navigation Jump to search
Line 1: Line 1:
 +
<html>
 
<a href="http://codepen.io/team/universitysandbox/pen/gagXLm/"> ARIA Tree example</a>
 
<a href="http://codepen.io/team/universitysandbox/pen/gagXLm/"> ARIA Tree example</a>
 +
</html>
  
 
<html>
 
<html>
Line 39: Line 41:
 
</div>
 
</div>
  
<p>not used </p>
 
<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>
 
 
</body>
 
</body>
 
</html>
 
</html>
  
 
[[Category:ARIA]]
 
[[Category:ARIA]]

Revision as of 21:34, 21 November 2015

ARIA Tree example

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