Changes to better support accessibility via ARIA

These changes should close #304
>As to why role=main instead of the main element, it is because role=main has well defined semantics and is already >supported by assistive technologies. the main element is not yet widely supported.
the main element is widely supported (only support IE is lacking) the suggested pattern to use is &lt;main role="main">...