Use HTML5 `nav` element for semantic markup

[mercime]

While adding aria-labels for #165, noticed that the divs are used as wrappers for the navigation links instead of navs. Will need to double-check if anything in CSS or JS is hooking into e.g. div.subnav instead of .subnav before changing anything.

[hnla]

Left a response to this that's vanished - did I not hit 'comment' sigh

Yes please change them, don't be too concerned about selectors I haven't been using element selectors and any around either are for a reason or we'll remove. Markup should take precedence if necessary I can go around and fix any issues afterwards.

[mercime]

Left a response to this that's vanished - did I not hit 'comment' sigh

It happened to me before. Nowadays, if I have to write more than a paragraph especially on BP Trac, I do it on Notepad first :D

Yes please change them, don't be too concerned about selectors I haven't been using element selectors and any around either are for a reason or we'll remove. Markup should take precedence if necessary I can go around and fix any issues afterwards.

Thank you. Working on it.

[mercime]

@hnla, Did not change this linked div to nav as I noticed that it was not wrapping anything, i.e. empty div container, unless I missed something.

[hnla]

It's a Backbone placeholder (for want of the proper term) the view is injected into it via the invites.js setupNav: function() { this concerns me a little tbh as we don't have a sub menu if no JS but hey ho.

I'll change up and commit.

[mercime]

Thanks hnla.