Accessible ARIA Tree View

This example requires Firefox 3 or later to work with screen readers -- it uses ARIA properties without namespaces, which is now the correct markup.

How to use: keyboard works as in normal tree view. Use arrow keys to move, including left/right to collapse/expand. Double clicking with mouse also toggles expansion. Type characters to find a tree item that begins with those characters.

Repeat characters to cycle through all items that begin with that character. Single click on twisties to expand/collapse

Still to do: Should add dotted-line 'pipes' that show connections between siblings and parent. Perhaps add folder icons. Implement multiple selection.

Veggies

Green

Asparagus

Kale

Leafy

Lettuce

Kale

Spinach

Chard

Green beans

Legumes

Yellow

Bell peppers

Squash

Junk food

Fruit

Typical

Oranges

Apples

Bananas

Pineapple

Grapes

Exotic

Mangos

Guava

Star fruit

Coconut

Bread fruit

Custard apples

Papaya