diff --git a/docs/_includes/default.html b/docs/_includes/default.html
index 6926264756..676e83a750 100644
--- a/docs/_includes/default.html
+++ b/docs/_includes/default.html
@@ -13,7 +13,7 @@
     <link rel="stylesheet" href="css/normalize.css" />
     <link rel="stylesheet" href="css/style.css" />
     <link rel="stylesheet" href="css/prism.css" />
-    <link rel="shortcut icon" href="favicon.ico" />
+    <link rel="icon" href="favicon.ico" />
 
     <!--[if lt IE 9]> <script src="js/html5shiv.min.js"></script> <![endif]-->
   </head>
@@ -23,10 +23,9 @@
       <h1>
         <a href="/">
           <img
+            id="mocha-logo"
             src="/images/mocha-logo.svg"
-            alt="Mocha"
-            width="192"
-            height="192"
+            alt="Mocha logo"
           />
         </a>
       </h1>
@@ -37,15 +36,15 @@ <h1>
     <main id="content">{{ content }}</main>
 
     <footer>
-      <span>
-        <a href="https://mochajs.org">mochajs.org</a> is licensed under a
-        <a rel="license" href="http://creativecommons.org/licenses/by/4.0/"
+      <div>
+        <a rel="home" href="https://mochajs.org">mochajs.org</a> is licensed under a
+        <a rel="license external noopener" href="http://creativecommons.org/licenses/by/4.0/"
           >Creative Commons Attribution 4.0 International License</a
         >.
         <p>
           <em>Last updated: {{ 'now' | date: '%a %b %d %H:%M:%S %Y' }}</em>
-        </p></span
-      >
+        </p>
+      </div>
     </footer>
   </body>
 </html>
diff --git a/docs/css/style.css b/docs/css/style.css
index c1632e84e8..f000993d0f 100644
--- a/docs/css/style.css
+++ b/docs/css/style.css
@@ -39,6 +39,11 @@ header {
   padding-top: 20px;
 }
 
+#mocha-logo {
+  width:192px;
+  height:192px;
+}
+
 #content {
   padding-bottom: 60px;
 }
@@ -195,7 +200,7 @@ footer {
   border-top: 1px solid #ddd;
 }
 
-footer span {
+footer div {
   display: block;
   margin-right: 30px;
   color: #888;