2,0 Main Menu
While working on the CSS changes for 2.0, which included the updating of the main menu to be less JS dependent, I wanted to discuss one of the "problems" we have.
Our top menu, where we have the dropdown menus, are also navigation links. Clicking on community takes you to the board index, while hovering over it will show you help, search, calendar, etc.
This has a few issues,
- its not clear those items are links
- its messy when you go to a touchscreen device, now its tap once to open the menu and double tap to follow the link
- Its not accessibility friendly
- and more
What to do? I'm not sure, a couple of thoughts are:
- include that top level link in the dropdown and eliminate the double clip action. Click on a link with a pulldown would show the pulldown, click on a link with no pulldown simply follows the link.
- Separate the link from the pulldown. This means the pulldown would appear when you hover over and/or click the dropdown indicator (yeah we don't have that here, but its in the menu changes I've been working on) and the text area is a link just like all of the other top links that don't have the pulldown.
The first one is what I'll likely have set up on the demo site, simply because I think its easier to do ATM, but we should do what is the best for usability. So thoughts? I've seen the use of the second option on a few sites so that may be the norm these days.