Full website validation errors

Fixed validation errors in install/error/cli/benchmark pages. #335
quick-lint · Jun 5, 2021 · 1a92c01 · 1a92c01
1 parent c3999ad
commit 1a92c01
Show file tree

Hide file tree

Showing 5 changed files with 27 additions and 23 deletions.
diff --git a/website/public/benchmarks/criterion-json-to-html.mjs b/website/public/benchmarks/criterion-json-to-html.mjs
@@ -71,7 +71,8 @@ export function makeBenchmarkHTML(seriess) {
       <div class="x-axis-label">response time (lower is better)</div>
       <label
         class="log-scale javascript-only"
-        title="checked: logarithmic X axis (emphasizing ratios).&#013;unchecked: linear X axis (emphasizing time)."
+        title="checked: logarithmic X axis (emphasizing ratios).
+unchecked: linear X axis (emphasizing time)."
         ><input type="checkbox" class="log-scale-select" /> log scale</label
       >
     </div>

diff --git a/website/public/cli/index.ejs.html b/website/public/cli/index.ejs.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <!-- Copyright (C) 2020  Matthew "strager" Glazar -->
 <!-- See end of file for extended copyright information. -->
-<html>
+<html lang="en">
   <head>
     <%- await include("../common-head.ejs.html") %>
     <script>

diff --git a/website/public/config/index.ejs.html b/website/public/config/index.ejs.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <!-- Copyright (C) 2020  Matthew "strager" Glazar -->
 <!-- See end of file for extended copyright information. -->
-<html>
+<html lang="en">
   <head>
     <%- await include("../common-head.ejs.html") %>
     <script>

diff --git a/website/public/errors/index.ejs.html b/website/public/errors/index.ejs.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <!-- Copyright (C) 2020  Matthew "strager" Glazar -->
 <!-- See end of file for extended copyright information. -->
-<html>
+<html lang="en">
   <head>
     <%- await include("../common-head.ejs.html") %>
     <script>

diff --git a/website/public/install/index.ejs.html b/website/public/install/index.ejs.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <!-- Copyright (C) 2020  Matthew "strager" Glazar -->
 <!-- See end of file for extended copyright information. -->
-<html>
+<html lang="en">
   <head>
     <%- await include("../common-head.ejs.html") %>
     <title>quick-lint-js: installing</title>
@@ -86,7 +86,7 @@
       }
 
       /* Stack items on top of each other if the screen isn't wide enough to
-         arrange them horizontally. */
+               arrange them horizontally. */
       @media only screen and (max-width: 34em) {
         .os-column-table {
           grid-template-areas: "linux" "macos" "windows";
@@ -97,7 +97,7 @@
       }
 
       /* HACK(strager): Work around bug in EdgeHTML 13.10586 causing the Windows
-         column of the operating systems column group to be super wide. */
+               column of the operating systems column group to be super wide. */
       img.os-logo[src$="/windows.svg"] {
         width: 1.2em;
       }
@@ -127,7 +127,7 @@
       }
 
       /* Add lots of spacing between different install procedures so people
-         don't start reading the wrong instructions. */
+               don't start reading the wrong instructions. */
       article {
         margin-top: 2rem;
         margin-bottom: 4rem;
@@ -138,6 +138,7 @@
 
       .long-shell-command-line {
         /* 6 = "$ ".length + 4 spaces of indentation */
+        display: inline-block;
         padding-left: 6ch;
         text-indent: -6ch;
         white-space: normal;
@@ -157,7 +158,10 @@ <h1><a href="..">quick-lint-js</a></h1>
 
     <main>
       <h2>Install quick-lint-js</h2>
-      <p>Latest version: 0.2.0 (beta) (released <time>April 5, 2021</time>)</p>
+      <p>
+        Latest version: 0.2.0 (beta) (released
+        <time datetime="2021-04-05">April 5, 2021</time>)
+      </p>
 
       <figure class="comparison install-comparison">
         <table>
@@ -187,7 +191,7 @@ <h2>Install quick-lint-js</h2>
                   class="install-logo"
                   src="../gnome-terminal.svg"
                   alt=""
-                  aria-labeled-by="install-artifact-cli"
+                  aria-labelledby="install-artifact-cli"
                 /><br /><span id="install-artifact-cli">CLI</span>
               </th>
               <th>LSP server</th>
@@ -196,7 +200,7 @@ <h2>Install quick-lint-js</h2>
                   class="install-logo"
                   src="../vscode.png"
                   alt=""
-                  aria-labeled-by="install-artifact-vscode"
+                  aria-labelledby="install-artifact-vscode"
                 /><br /><span id="install-artifact-vscode"
                   >VS&nbsp;Code<br />extension</span
                 >
@@ -206,7 +210,7 @@ <h2>Install quick-lint-js</h2>
                   class="install-logo"
                   src="../vim.gif"
                   alt=""
-                  aria-labeled-by="install-artifact-vim"
+                  aria-labelledby="install-artifact-vim"
                 /><br /><span id="install-artifact-vim">Vim<br />plugin</span>
               </th>
             </tr>
@@ -219,7 +223,7 @@ <h2>Install quick-lint-js</h2>
                     class="install-logo"
                     src="../npm.svg"
                     alt=""
-                    aria-labeled-by="install-method-npm"
+                    aria-labelledby="install-method-npm"
                   />&nbsp;<span id="install-method-npm">npm</span></a
                 >
               </th>
@@ -286,7 +290,7 @@ <h2>Install quick-lint-js</h2>
                     class="install-logo"
                     src="../homebrew.svg"
                     alt=""
-                    aria-labeled-by="install-method-homebrew"
+                    aria-labelledby="install-method-homebrew"
                   />&nbsp;<span id="install-method-homebrew">Homebrew</span></a
                 >
               </th>
@@ -321,13 +325,13 @@ <h2>Install quick-lint-js</h2>
                     class="install-logo"
                     src="../debian.svg"
                     alt=""
-                    aria-labeled-by="install-method-debian"
+                    aria-labelledby="install-method-debian"
                   />&nbsp;<span id="install-method-debian">Debian</span
                   ><br /><img
                     class="install-logo"
                     src="../ubuntu.svg"
                     alt=""
-                    aria-labeled-by="install-method-ubuntu"
+                    aria-labelledby="install-method-ubuntu"
                   />&nbsp;<span id="install-method-ubuntu">Ubuntu</span></a
                 >
               </th>
@@ -362,7 +366,7 @@ <h2>Install quick-lint-js</h2>
                     class="install-logo"
                     src="../nix.svg"
                     alt=""
-                    aria-labeled-by="install-method-nix"
+                    aria-labelledby="install-method-nix"
                   />&nbsp;<span id="install-method-nix">Nix</span></a
                 >
               </th>
@@ -402,7 +406,7 @@ <h2>Install quick-lint-js</h2>
                     class="install-logo"
                     src="../arch-linux.svg"
                     alt=""
-                    aria-labeled-by="install-method-arch-linux"
+                    aria-labelledby="install-method-arch-linux"
                   />&nbsp;<span id="install-method-arch-linux"
                     >Arch Linux</span
                   ></a
@@ -439,7 +443,7 @@ <h2>Install quick-lint-js</h2>
                     class="install-logo"
                     src="../vscode.png"
                     alt=""
-                    aria-labeled-by="install-method-vscode"
+                    aria-labelledby="install-method-vscode"
                   />&nbsp;<span id="install-method-vscode"
                     >VS&nbsp;Code<br />marketplace</span
                   ></a
@@ -488,7 +492,7 @@ <h2>Install quick-lint-js</h2>
                     class="install-logo"
                     src="../open-vsx.svg"
                     alt=""
-                    aria-labeled-by="install-method-open-vsx"
+                    aria-labelledby="install-method-open-vsx"
                   />&nbsp;<span id="install-method-open-vsx"
                     >Open&nbsp;VSX</span
                   ></a
@@ -990,7 +994,7 @@ <h2>
           quick-lint-js' tap to your Homebrew installation:
         </p>
         <blockquote>
-          <pre><code><div class="long-shell-command-line"><kbd>brew tap quick-lint/quick-lint-js https://github.com/quick-lint/quick-lint-js.git</kbd></div></code></pre>
+          <pre><code><span class="long-shell-command-line"><kbd>brew tap quick-lint/quick-lint-js https://github.com/quick-lint/quick-lint-js.git</kbd></span></code></pre>
         </blockquote>
 
         <p>
@@ -1034,7 +1038,7 @@ <h2>
         <p>Open a terminal, and run the following commands:</p>
         <blockquote>
           <pre><code><kbd>curl https://c.quick-lint-js.com/quick-lint-js-release.key | sudo apt-key add -</kbd>
-<div class="long-shell-command-line"><kbd>printf '\n# https://quick-lint-js.com/install/#debian\ndeb https://c.quick-lint-js.com/debian experimental main\n' | sudo tee -a /etc/apt/sources.list.d/quick-lint-js.list</kbd></div>
+<span class="long-shell-command-line"><kbd>printf '\n# https://quick-lint-js.com/install/#debian\ndeb https://c.quick-lint-js.com/debian experimental main\n' | sudo tee -a /etc/apt/sources.list.d/quick-lint-js.list</kbd></span>
 <kbd>sudo apt-get update</kbd>
 
 # <img class="install-logo" src="../gnome-terminal.svg" alt="" /> CLI and LSP server
@@ -1540,7 +1544,6 @@ <h4 id="manual-vim-pathogen">Install with Pathogen</h4>
           This option requires
           <a href="https://github.com/tpope/vim-pathogen">Pathogen</a>.
         </p>
-        <p />
         <h5>
           <img class="os-logo" src="../linux.svg" alt="" />&nbsp;GNU/Linux and
           <img class="os-logo" src="../macos.svg" alt="" />&nbsp;macOS