Directions

Tab into the tree control.
Use the up/down arrow keys to change the active descendant.
Use the right/left arrow keys to expand/collapse appropriate nodes.

Note: this example has been updated to account for ARIA's newly defined accessible name calculation, so at the date of this writing (2008/12/14), it does not work as intended with any web browser.

Some focusable content before the ARIA application.

ARIA Tree Example

Animals
- Birds
- Cats
  - Siamese
  - Tabby
- Dogs
  - Small Breeds
    - Chihuahua
    - Italian Greyhound
    - Japanese Chin
  - Medium Breeds
    - Beagle
    - Cocker Spaniel
    - Pit Bull
  - Large Breeds
    - Afghan
    - Great Dane
    - Mastiff
Minerals
- Zinc
- Gold
  - Yellow Gold
  - White Gold
- Silver
Vegetables
- Carrot
- Tomato
- Lettuce

More focusable content after the ARIA application.