A11y concerns and semantics

[binyamin]

I have a couple concerns about the HTML. I'm gonna take some liberty, and put in a PR with a rewrite of the markup. Of course, I'll make sure it runs correctly first.

Partial List of Concerns

1. sidebar element doesn't exist. Probably meant to be aside.
2. <a> should be <button>, since it doesn't actually open a new URL. ¹
3. Right now, Every single heading element on the page is an <h3>. ²
   1. The heading-levels should be different, depending on the content. Like an outline.
   2. There should always be a top-level heading (h1).
4. The title attribute is not ideal for screen-readers. ³

Footnotes

1. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#onclick_events ↩

2. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/heading_elements#usage_notes ↩

3. https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title#accessibility_concerns ↩

[Cambridgeport90]

I definitely support this one being visually impaired myself.

[marksuth]

This is awesome, thanks! I know how important accessibility is, and will be happy to implement your pull request, and I'll take a look through the code myself to see if I can spot any glaring issues as well.

Cheers,
Mark