Moodle Community Sites

moodle2 theme: Convert to a JS-free menu?

Details

  • Type: Sub-task Sub-task
  • Status: Resolved Resolved
  • Priority: Minor Minor
  • Resolution: Fixed
  • Component/s: moodle.org
  • Labels:
    None

Description

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?

Issue Links

This issue blocks:
MDLSITE-560 moodle2 theme: problems in RTL mode Minor Resolved
This issue will help resolve:
MDLSITE-716 Disabling JavaScript causes http://docs.moodle.org/ layout to fail Minor Open

Activity

Ascending order - Click to sort in descending order
Hide
Permalink
Martin Dougiamas added a comment -

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

Show
Martin Dougiamas added a comment - 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
Hide
Permalink
Urs Hunkler added a comment -

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.

Show
Urs Hunkler added a comment - 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.
Hide
Permalink
Urs Hunkler added a comment -

Will there be a decision in the near future?

Show
Urs Hunkler added a comment - Will there be a decision in the near future?
Hide
Permalink
Martin Dougiamas added a comment -

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

Show
Martin Dougiamas added a comment - 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
Hide
Permalink
Martin Dougiamas added a comment -

Resolved with 2.0

Show
Martin Dougiamas added a comment - Resolved with 2.0

People

Vote (2)
Watch (2)

Dates

  • Created:
    Updated:
    Resolved:
Atlassian JIRA (v4.4.3#663-r165197) | Report a problem
Powered by a free Atlassian JIRA open source license for Moodle. Try JIRA - bug tracking software for your team.