Issue Details (XML | Word | Printable)

Key: MDLSITE-559
Type: Sub-task Sub-task
Status: Open Open
Priority: Minor Minor
Assignee: Martin Dougiamas
Reporter: Martin Dougiamas
Votes: 1
Watchers: 2
Operations

Add/Edit UI Mockup to this issue
If you were logged in you would be able to see more operations.
Moodle.org Sites
MDLSITE-496

moodle2 theme: Convert to a JS-free menu?

Created: 18/Nov/08 12:41 PM   Updated: 17/Apr/09 10:17 PM
Return to search
Component/s: moodle.org

Issue Links:
Blockers
 
Dependency
 

Participants: Martin Dougiamas and Urs Hunkler
Security Level: None


 Description  « Hide
It is possible to switch from Smartmenus to a completely CSS-based menu that doesn't use Javascript at all.

There is some question as to which is best overall though. What should we do?

 All   Comments   Change History      Sort Order: Ascending order - Click to sort in descending order
Martin Dougiamas added a comment - 18/Nov/08 12:42 PM
Daniele posted on the parent issue:

Of course I am not the right person to provide you the answers you are waiting for but... in the main time, I can share with you all some sites talking about accessibility for menus. THEY ALL REQUIRE JS!!!!

http://www.udm4.com/
with an example in: http://www.udm4.com/demos/style-officexp.php

http://www.smartmenus.org/site/accessibility/

http://www.tjkdesign.com/articles/Pure_CSS_Dropdown_Menus.asp
with an example in: http://www.tjkdesign.com/articles/new_drop_down/default.asp

The next URL refers to the only menu I was able to navigate between levels using only arrows keys.
http://www.milonic.com/

http://www.cssdrive.com/index.php/news/resources-search/eddfa553a551b5f72a71b71560df5f21/ (I didn't fing any accessibility info here)

http://www.capitol.state.tx.us/resources/accessibility.aspx (it talks about this topic but I was not able to navigate it without mouse)

Two more links I am finding useful:

http://webdev.entheosweb.com/2008/08/04/css-menus-and-508-accessibility-compliant/ I was able to use menus of this page without the mouse too. Maybe by adding command key...

http://www.sothink.com/product/dhtmlmenu/index.htm?gclid=CKaUr7rK_JYCFRnBugodDQJLYA


Urs Hunkler added a comment - 27/Nov/08 12:13 AM
My proposal is to use http://www.grc.com/menu2/invitro.htm. The menu works without JS in all relative modern browsers. And add the JS for accessibility.

This way we get the best from both worlds: a fully working CSS only menu + accessibility via JS.

Keyboard navigation you don't get with a CSS only menu.


Urs Hunkler added a comment - 27/Nov/08 12:13 AM
Will there be a decision in the near future?

Martin Dougiamas added a comment - 18/Dec/08 05:17 PM
I just saw this. The GRC menu looks very good - but is it just me? It doesn't seem to work with the keyboard any better than Smart menus ...

I'm OK to stick with what we have for launch and improve the menu later