Navigation Treeview Example Using Computed Properties
@@ -25,23 +22,25 @@Navigation Treeview Example Using Computed Properties
issue 225.
- This example implements the features of the
+ The below example demonstrates how the
Treeview Design Pattern
- for navigating and selecting a link in a large set of hierarchically organized links.
- It is important in this example that the role=treeitem
overrides the default role of link for the a
elements, since a treeitem
widget cannot contain any interactive elements (e.g. a link).
- This example also relies on the browser to
- compute values for aria-setsize
, aria-posinset
and arial-level
.
- The ARIA 1.0 Spectification for these properties states the browser can compute these values,
- but is not required to.
+ can be used to build a navigation tree for a set of hierarchically organized web pages.
+ In this example, the user can browse a set of pages about foods that is organized into categories.
+ Activating an item in the tree will open a page about the chosen food.
+ Since a tree item is the only kind of interactive element that can be contained in a tree, links to web pages in a navigation tree have the treeitem
role.
+
+ This example relies on the browser to compute values for aria-setsize
, aria-posinset
and aria-level
.
+ The ARIA 1.0 specification for these properties states that browsers can, but are not required to, compute these values.
+
Similar examples include:
- File Directory Treeview using computed properties
- File Directory Treeview using declared properties
- Navigation Treeview using declared properties