Web 1.0 Menu
Skip Web 1.0 Menu
Features of the Web 1.0 Menu
- H tags to assist navigation.
- Skip Links to assist navigation.
- An unordered list to arrange the information in a meaningful manner.
- Uses HTML A tags to create links. This creates tab stops in the menu.
- States
- Ohio
- Cinncinnati
- Cleveland
- Columbus
- Dayton
- Celina
- Countries
- Flowers
Web 1.5 Menu
Skip Web 1.5 Menu
Features of the Web 1.5 Menu
- Everything from the Web 1.0 menu above plus.
- DHTML to create a treeview menu that opens and closes children.
- Hidden text provides information about the state of the treeview. ie "States Folder open. Click here to close".
- Clickable graphics hidden from the screen reader by using alt="".
- Note: Javascript menu provided by Chris Blouch at AOL.
Web 2.0 Menu
Skip Web 2.0 Menu
Features of the Web 2.0 Menu
- Everything from the Web 1.0 menu above plus.
- Everything from the Web 1.5 menu above plus.
- Javascript Keyboard handler allows the treeview to operate like a standard treeview. Tab into the tree view and use the arrows to navigate. Use left/right to expand and contract the nodes. Up/down to move between them. Typing the first letter of a node will cycle through the nodes beginning with that letter. When content is updated, tab to the header for the content then tab back to the tree view to continue navigating. Note that the only tree nodes with content are the Adelie, Chinstrap, and Gentoo penguins.
- It uses the Accessible Rich Internet Application (ARIA) techniques to make it more usable with the Window-Eyes screen reader version 5.5 in Firefox 1.5 or later
- Notes:
- This demo is based on the WebA11y Example from Becky Gibson at IBM: http://www.weba11y.com/AjaxDemo/sample.html
- Requires Firefox 1.5 or above and Window-Eyes 5.5 or above. Jaws 7.10 and a recent JAWS 8.0 beta work with this demo in Firefox. You have to be using the virtual PC cursor and forms mode. Sometimes it takes a bit of patience (perhaps an extra tab press with focus on the top tree node) to get the arrow keys working and the role information spoken. I don't think the states are spoken yet, though. There is still not support with JAWS and IE (either 6 or 7).
- The dojo TreeV3 has been updated with keyboard support and WAI support is planned for 0.41.
- W3C PF Example: http://www.w3.org/TR/aria-role/#Exampletree.
