This is a solution I have referenced before : http://m.netmagazine.com/tutorials/build-smart-mobile-navigation-without-hacks
My approach: without CSS a user sees a "skip to navigation link“; with CSS they get a pretty menu; with CSS animations they get a pretty menu that opens and closes on click, using the :target method (or hover if appropriate); If JavaScript is enabled I would take away the :target and just use a click event handler On Sep 14, 2013 12:19 PM, "David Hucklesby" <huckle...@gmail.com> wrote: > On 9/14/13 5:30 AM, Tom Livingston wrote: > >> I personally wouldn't want the main function of my navigation, on a >> responsive site intended for many devices of varying ability, to be >> dependent on JS. Added effects, progressively enhanced, maybe, but not the >> main base function of navigating the site. >> >> > That raises an interesting question - how to make a drop-down or flyout > menu > accessible to keyboard and touchscreen users? Is there a CSS-only solution? > -- > Cordially, > David > > > ______________________________**______________________________**__________ > css-discuss [css-d@lists.css-discuss.org] > http://www.css-discuss.org/**mailman/listinfo/css-d<http://www.css-discuss.org/mailman/listinfo/css-d> > List wiki/FAQ -- > http://css-discuss.incutio.**com/<http://css-discuss.incutio.com/> > List policies -- > http://css-discuss.org/**policies.html<http://css-discuss.org/policies.html> > Supported by evolt.org -- > http://www.evolt.org/help_**support_evolt/<http://www.evolt.org/help_support_evolt/> > ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
