jgm/pandoc-website

Navigation Menus don't expand without JavaScript

Opened this issue · 3 comments

I recently started using NoScript, and I noticed that the subsections on the Pandoc homepage navigation menu (eg links under "Documentation") do not expand without JavaScript enabled. This isn't a real problem for me specifically, but I believe it makes the page difficult to navigate with accessibility tools like screen readers.

I'm not sure about the best way to fix this. Perhaps you could have the subsections expanded by default and use JavaScript to collapse them? Or maybe have a fully-expanded copy of the menu in a noscript block?

@mb21: looks like you worked on the menus recently. Any thoughts on this?

mb21 commented

I only worked on the in-document menus to the right. The links to the left, with classes like navbar-collapse are using Twitter Bootstrap.... but yeah, I'm all in favour of tossing that out... we could write a couple of lines of js ourselves to implement the behaviour you described...

But note that screen readers execute javascript just fine... what bothers me more it that we load the stuff from google... but yeah... https://github.com/jgm/pandoc-website/blob/master/template.html#L29

jgm commented

You mean the google analytics? I don't really use that any more, so I wouldn't mind removing it.

jgm commented

As for the other issue, if the twitter bootstrap stuff does work with screen readers, then I don't see any reason to mess with this.