Difference between revisions of "ARIA Tree"

From Level Access Web Labs
Jump to navigation Jump to search
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
Please use this codepen example for testing.
 +
<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>
  
 +
The content below this line is not functional.
 
<html>
 
<html>
 
<head>
 
<head>
Line 39: Line 43:
 
</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]]

Latest revision as of 18:38, 20 June 2018

Please use this codepen example for testing. ARIA Tree example

The content below this line is not functional.

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