Sample UW Menu: Default
Description
This page uses the navigation menu currently deployed at the UW.
Observations
- Aesthetically pleasing
- Dropdown menus are mouse-dependent. They can't be triggered by keyboard.
- Top-level menu items are all links that target pages where users can probably find most content that's in the dropdown menus, but what's missing is the clean, consistent, well-organized set of choices that's available to mouse users.
- Screen reader users have a similar experience to other non-mousers. They can access the top-level menu items, but the submenus are hidden using display:none (screen readers don't read them). Their visibility (style changed to display:block) is triggered solely by mouse events.
- Top-level menu items are all marked up as H4 headings, but there's no benefit to doing so for screen reader users, since each of these menu items is read one after the other (it would be more beneficial if the drop-down menus were accessible). Also, H4 is an arbitrary choice within the overall structure of the document, since there are no H1, H2, or H3 headings that precede it.