diff --git a/Tools/autotest/web/css/main.css b/Tools/autotest/web/css/main.css
index 17a7f918f8..c897902bdc 100644
--- a/Tools/autotest/web/css/main.css
+++ b/Tools/autotest/web/css/main.css
@@ -14,7 +14,7 @@ body {
 	background-image: url(/images/bg.png);
 }
 
-#logo {
+.logo {
 	background-image:url(/images/logo.png);
 	background-repeat:no-repeat;
 	height: 120px;
@@ -35,7 +35,7 @@ h2 {
 	padding-left: 5px;
 }
 
-#git {
+.git {
 	background-color: #FFF;
 	font-size: 15px;
 	display: auto;
@@ -47,12 +47,12 @@ h2 {
 	box-shadow: 2px 2px 5px #888;
 }
 
-#git a {
+.git a {
 	color:#00F;
 	font-weight: normal;
 	}
 	
-#git a:hover {
+.git a:hover {
 	color:#D14836;
 }
 
@@ -65,7 +65,7 @@ h2 {
 }
 
 
-#main {
+.main {
 	padding-top:0px;
 	min-width: 420px;
 	margin-top: 0;
@@ -77,7 +77,7 @@ h2 {
 	padding-left: 20px;
 }
   
-ul#testresults {
+ul.testresults {
 	background-color: #FFF;
 	display: block;
 	padding: 10px;
@@ -89,7 +89,7 @@ ul#testresults {
     box-shadow: 2px 2px 5px #888;
 }
 
-ul#testresults li {
+ul.testresults li {
 	list-style-type: none;
 	display: block;
 	background-color: #eef1f1;
@@ -97,7 +97,7 @@ ul#testresults li {
 	padding: 5px;
 		}
 
-ul#testlogs {
+ul.testlogs {
 	background-color: #FFF;
 	display: block;
 	padding: 10px;
@@ -109,7 +109,7 @@ ul#testlogs {
     box-shadow: 2px 2px 5px #888;
 }
 
-ul#testlogs li {
+ul.testlogs li {
 	text-decoration:none;
 	list-style-type: none;
 	display: block;
@@ -120,13 +120,13 @@ ul#testlogs li {
 		}
 		
 
-ul#testlogs li a {
+ul.testlogs li a {
 	text-decoration:none;
 	color:#8aa19c;
 	font-weight: bold;
 	font-size: 12px;
 	}
 	
-ul#testlogs li a:hover {
+ul.testlogs li a:hover {
 	color:#D14836;
 }
diff --git a/Tools/autotest/web/index.html b/Tools/autotest/web/index.html
index 2428c4ff09..306a2e0466 100644
--- a/Tools/autotest/web/index.html
+++ b/Tools/autotest/web/index.html
@@ -1,48 +1,49 @@
 <!DOCTYPE HTML>
+<html lang="en">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>ArduPilot Automatic Testing</title>
 
 <!--CSS -->
-<link href="/css/main.css" rel="stylesheet" type="text/css" />
+<link rel="stylesheet" href="css/main.css" type="text/css" />
 </head>
 
 <body>
-<div id="main">
+<div class="main">
 <a href="https://autotest.ardupilot.org/">
-<div id="logo">
+<div class="logo">
 </div>
 </a>
 
 <h2>Automatic test run at ${date}</h2>
 
-<div id="git">Test run on git commit <a href="https://github.com/ArduPilot/ardupilot/commit/${githash}">${githash}</a>
+<div class="git">Test run on git commit <a href="https://github.com/ArduPilot/ardupilot/commit/${githash}">${githash}</a>
 </div>
 
 <h2>Test Results</h2>
-<img src="autotest-badge.svg"></img>
+<img src="autotest-badge.svg" alt="missing autotest badge"/>
 
-<ul id="testresults">
+<ul class="testresults">
 ${{tests:<li>${name} - ${result} (${elapsed} seconds)</li>
 }}
 </ul>
 
 <h2>Test logs</h2>
 
-<ul id=testlogs>
+<ul class=testlogs>
 ${{files:<li>${name} - <a href="${fname}">${fname}</a>
 }}
 </ul>
 
 <h2>Flight Tracks</h2>
 
-<ul id=testlogs>
-${{images:${fname}<br><img src="${fname}" alt="${name}" /><p></a>
+<ul class=testlogs>
+${{images:${fname}<br><img src="${fname}" alt="${name}" />
 }}
 </ul>
 
 <h2>Older results</h2>
-<div id="git">
+<div class="git">
 Older test results are <a href="history">available here</a>
 </div>
 </div>
