Accessibility improvements
- create a visually hidden element component to use when needed
- use visually hidden element as a heading 1 in Dashboard, Discover, User Profile and Questions page (pages lacking a
<h1>
in their design) - wrap all page content with a main tag (can be reverted after this MR in coko client is merged)
- create mechanism to announce route changes to screen readers by watching for changes to the
history
object and modifying hidden [role="status"] element - update document title to always reflect the current page
- announce question list updates in Discover page after applying filters
- render
QuestionItem
s as<article>
- fix styles in Discover page to always have the filter buttons and pagination visible at the bottom of the page
- fix search wrapper styles in List component to make its width flexible (issue observed in Discover page)
- wrap QuestionList with a
<section>
tag and pass a hidden h2 on top of it in Discover page - make Sidebar text an h2 to be used as a section heading element for the