Improve accessibility

[sreetamdas]

Open ended issue—all improvements are welcome!

[hinogi]

on it, although there doesn't seem to be a lot left.

[hussamkhatib]

issue: When the blog post is focussed, the dot appearing above the blog post is near to the blog post above it.
reproduction: go to /blog, press tab key until 2nd blog post is focused
possible solution : overide padding-top: 2rem; for h2 element and keep it to zero. To retain the same design add equal margin/padding for the top and bottom of each blog post component.

I think having border will be better than representing using dots.