Improve accessibiity, SEO

rouilj · rouilj · commit 19b09edb9bcb · 2020-08-07T00:27:56.000-04:00
Set up standard html (html5) doctype to stop triggering quirks mode.

Add viewport, description meta tags to head.

Add aria-label to search box as button provides sighted label.

Improve footer contrast. Need black forground.
diff --git a/website/www/_static/style.css b/website/www/_static/style.css
@@ -94,7 +94,7 @@ body
 {
   font-size: small;
   text-align: center;
-  color: lightgrey;
+  color: black;
 }
 
 .footer img {
diff --git a/website/www/_templates/layout.html b/website/www/_templates/layout.html
@@ -1,8 +1,10 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="Description"
+	  content="Documentation on the Roundup issue tracker, version {{ release|e }}.">
     {{ metatags }}
     {%- if builder != 'htmlhelp' %}
       {%- set titlesuffix = docstitle|e %}
@@ -68,7 +70,8 @@
       {%- if pagename != "search" %}
         <div id="searchbox" style="display: none">
           <form class="search" action="{{ pathto('search') }}" method="get">
-            <input type="text" name="q" size="18" />
+            <input type="text" aria-label="Enter search terms"
+		   name="q" size="18" />
             <input type="submit" value="{{ _('Search') }}" />
             <input type="hidden" name="check_keywords" value="yes" />
             <input type="hidden" name="area" value="default" />

Original file line number	Diff line number	Diff line change
`@@ -94,7 +94,7 @@ body`
`94`	`94`	`{`
`95`	`95`	`font-size: small;`
`96`	`96`	`text-align: center;`
`97`		`- color: lightgrey;`
	`97`	`+ color: black;`
`98`	`98`	`}`
`99`	`99`
`100`	`100`	`.footer img {`