A11y fixes for pa11y dashboard pages. (#306)

* First draft of a11y fixes.

* Amended results title

* Amended results title (again)

* Back to top keyboard operation

Removed the 'data-role="top"' attribute, which implemented a cool animation to scroll to top but prevented the default behaviour, resulting in the keyboard focus not going back to top.

* Options Button

Fix to have a working options button, but using the mouse only. This is not a good solution because it cannot be operated via the keyboard.

* Fixed options menu css.

* Results view layout changes

* Undoing layout changes

* Graph layout fixes.

* Skip Rules Link

Added a link to skip the list of rules, which can get very long and annoying for any keyboard user not interested in selecting a rule. Most probably, implementing a collapsible list of rules would be a better solution here.

Co-authored-by: Carlos Muncharaz <carlos@muncharaz.eu>

view/layout/default.html

@@ -47,19 +47,17 @@ along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
 
 	{{> breadcrumb}}
 
-	<div class="container">
+	<main class="container" >
 		{{#if readonly}}
 			<div class="row readonly-mode">
 		{{else}}
 			<div class="row">
 		{{/if}}
-			<section>
-				<div class="section" role="main">
-					{{{body}}}
-				</div>
-			</section>
+			<div class="section">
+				{{{body}}}
+			</div>
 		</div>
-	</div>
+	</main>
 
 	{{> page-footer}}