diff --git a/README.md b/README.md
index 6f57eab..9ab4cb7 100644
--- a/README.md
+++ b/README.md
@@ -10,7 +10,7 @@ A custom reporter for [grunt-html] - the HTML validation task - which formats th
 
 You can use the reporter programmatically. In that case you do not need [Grunt] as stated below. You can also use the reporter directly with the [grunt-html] task. The reporter is usually installed and used together with other development tasks.
 
-You need [node >= 4][node], [npm] and [grunt >= 0.4][Grunt] installed and your project build managed by a [Gruntfile] with the necessary modules listed in [package.json], including [grunt-html]. If you haven't used Grunt before, be sure to check out the [Getting Started] guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:
+You need [node >= 6][node], [npm] and [grunt >= 0.4][Grunt] installed and your project build managed by a [Gruntfile] with the necessary modules listed in [package.json], including [grunt-html]. If you haven't used Grunt before, be sure to check out the [Getting Started] guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:
 
 ```sh
 $ npm install grunt-html-html-reporter --save-dev
@@ -36,7 +36,13 @@ fs.writeFileSync('report.html', output, 'utf-8')
 Type: `Boolean`
 Default value: `false`
 
-Cuts the directory from tested HTML files, when creating page titles from in the report. If you use unique names for files alone, you will not get too long page titles, if you flip this flag tp `true`.
+Cuts the directory from tested HTML files, when creating page titles of them in the report. If you use unique names for files alone, you will not get too long page titles, if you flip this flag tp `true`.
+
+#### showCommonPathOnly
+Type: `Boolean`
+Default value: `true`
+
+Cuts the same initial part of the path from tested HTML files, when the paths are used for page titles in the report. If you use sub-directories to organize your files, this option will make the file paths in the report short, but still unique. The default is flipped to `true` already.
 
 ## Usage with grunt-html
 
@@ -61,6 +67,7 @@ In lieu of a formal styleguide, take care to maintain the existing coding style.
 
 ## Release History
 
+ * 2018-05-14   v3.1.0   Allow cutting the same initial part of the path from tested HTML files for displaying purposes
  * 2018-04-27   v3.0.0   Dropped support of Node.js 4
  * 2018-03-05   v2.2.0   Allow generating page titles from file names without directory
  * 2018-03-04   v2.1.0   Add filtering and accessibility to the reports
diff --git a/index.js b/index.js
index dd7f15b..7f3fea5 100644
--- a/index.js
+++ b/index.js
@@ -1,7 +1,8 @@
 'use strict'
 
-const fs = require('fs')
-const path = require('path')
+const {getCommonPathLength} = require('common-path-start')
+const {readFileSync} = require('fs')
+const {basename, join, normalize} = require('path')
 
 const objectValues = require('object.values')
 if (!Object.values) {
@@ -9,7 +10,7 @@ if (!Object.values) {
 }
 
 function formatIssues (issues, panelColor) {
-  return issues.map(function (issue) {
+  return issues.map(issue => {
     const extract = issue.extract.split('<').join('&lt;')
     const message = issue.message.split('<').join('&lt;').split('"').join('&quot;')
     const line = issue.line
@@ -54,22 +55,26 @@ function formatFile (file) {
   return content
 }
 
-module.exports = function (results, options) {
+module.exports = (results, options) => {
   const showFileNameOnly = options && options.showFileNameOnly
+  const showCommonPathOnly = !(options && options.showCommonPathOnly === false)
+  const commonPathLength = showCommonPathOnly &&
+    getCommonPathLength(results.map(result => normalize(result.file)))
   const files = {}
-  var errorCount = 0
-  var warningCount = 0
-  var noticeCount = 0
+  let errorCount = 0
+  let warningCount = 0
+  let noticeCount = 0
 
-  results.forEach(function (result) {
-    const name = path.normalize(result.file)
+  results.forEach(result => {
+    const name = normalize(result.file)
     const severity = result.type
-    var file = files[name]
-    var fileName, issues
+    let file = files[name]
+    let fileName, issues
     if (!file) {
       if (showFileNameOnly) {
-        fileName = path.parse(name)
-        fileName = fileName.name + fileName.ext
+        fileName = basename(name)
+      } else if (commonPathLength) {
+        fileName = name.substr(commonPathLength)
       } else {
         fileName = name
       }
@@ -102,8 +107,8 @@ module.exports = function (results, options) {
     })
   })
 
-  const template = fs.readFileSync(
-    path.join(__dirname, 'template.html'), 'utf8')
+  const template = readFileSync(
+    join(__dirname, 'template.html'), 'utf8')
 
   const buttonMarkup =
       '<button class="btn btn-sm btn-danger">Errors <span class="badge">' + errorCount + '</span></button>' +
diff --git a/package.json b/package.json
index 4fbc647..da326e9 100644
--- a/package.json
+++ b/package.json
@@ -34,13 +34,14 @@
     "travis-deploy-once": "travis-deploy-once"
   },
   "dependencies": {
+    "common-path-start": "^0.0.1",
     "object.values": "^1.0.4"
   },
   "devDependencies": {
-    "semantic-release": "^15.1.7",
+    "semantic-release": "^15.4.1",
     "standard": "^11.0.1",
-    "tap": "^11.1.4",
-    "travis-deploy-once": "^4.4.1"
+    "tap": "^11.1.5",
+    "travis-deploy-once": "^5.0.0"
   },
   "keywords": [
     "grunt-tasks",
diff --git a/tests/results/common-path.html b/tests/results/common-path.html
new file mode 100644
index 0000000..b6d8d4f
--- /dev/null
+++ b/tests/results/common-path.html
@@ -0,0 +1,1089 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>HTML Validation Report</title>
+    <style>
+      @import url('https://fonts.googleapis.com/css?family=Lato:400,700,400italic');
+      *,
+      *:before,
+      *:after {
+        box-sizing: border-box;
+      }
+      html {
+        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+      }
+      body {
+        background: #FFF;
+        margin-top: 0;
+        color: #2C3E50;
+        font-family: 'Lato', 'Helvetica Neue', sans-serif;
+        font-size: 15px;
+        line-height: 1.42857143;
+        overflow-y: scroll
+      }
+      .heading1 {
+        display: inline-block;
+        margin: 6px 0 5px 0;
+        font-size: 32px;
+        font-weight: 400;
+        word-break: break-all;
+      }
+      .heading2 {
+        display: inline-block;
+        margin: 10px 0 9px 0;
+        font-size: 22px;
+        font-weight: 400;
+        word-break: break-all;
+      }
+      .heading3 {
+        margin: 0;
+        color: #636F79;
+        font-size: 14.25px;
+      }
+      .message {
+        margin: 0 0 15px 0;
+        padding: 5px;
+      }
+      pre {
+        display: block;
+        background-color: #ECF0F1;
+        border: 1px solid #CCC;
+        border-radius: 4px;
+        margin: 5px 5px 10.5px 5px;
+        padding: 10px;
+        color: #6B6A6B;
+        font-family: 'SF Mono', 'Menlo', 'Monaco', 'Consolas', 'Inconsolata', 'Droid Sans Mono', 'DejaVu Sans Mono', 'Courier New', monospace, 'Droid Sans Fallback';
+        font-size: 14px;
+        line-height: 1.42857143;
+        overflow: auto;
+        word-break: break-all;
+        word-wrap: break-word;
+      }
+      code {
+        white-space: pre-wrap;
+        word-break: break-all;
+      }
+      .container {
+        max-width: 992px;
+        width: 100%;
+        margin: 0 auto;
+        padding: 0 15px 0 15px;
+      }
+      .row {
+        margin-right: -15px;
+        margin-left: -15px;
+        clear: both;
+      }
+      .panel {
+        background-color: #FFF;
+        border: 1px solid transparent;
+        border-radius: 4px;
+        margin-bottom: 15px;
+        box-shadow: 0 1px 1px rgba(0,0,0,0.05);
+      }
+      .panel-heading {
+        padding: 10px 15px;
+        border-bottom: 1px solid transparent;
+        border-top-right-radius: 3px;
+        border-top-left-radius: 3px;
+        color: #FFF;
+      }
+      .panel-body {
+        padding: 10px;
+      }
+      .panel-footer {
+        background-color: #EDF1F2;
+        border-top: 1px solid #ECF0F1;
+        border-bottom-right-radius: 3px;
+        border-bottom-left-radius: 3px;
+        padding: 10px 15px;
+        font-size: 12px;
+      }
+      .panel-success { border-color: #18BC9C; }
+      .panel-danger  { border-color: #D83D2D; }
+      .panel-warning { border-color: #A86700; }
+      .panel-primary { border-color: #2C3E50; }
+      .panel-success>.panel-heading { background-color: #18BC9C; border-color: #18BC9C; }
+      .panel-danger>.panel-heading  { background-color: #D83D2D; border-color: #D83D2D; }
+      .panel-warning>.panel-heading { background-color: #A86700; border-color: #A86700; }
+      .panel-primary>.panel-heading { background-color: #2C3E50; border-color: #2C3E50; }
+      .hide {
+        display: none;
+      }
+      .row.summary,
+      .row.page {
+        display: flex;
+      }
+      .row.page {
+        border-top: 1px solid #2C3E50;
+      }
+      .row > button {
+        flex-grow: 1;
+        border: none;
+        background: none;
+        margin: 15px 0 15px 0;
+        text-align: left;
+        color: #2C3E50;
+        cursor: pointer;
+      }
+      .row > button > .heading1::before,
+      .row > button > .heading2::before {
+        content: '\25b2';
+      }
+      .row.close > button > .heading1::before,
+      .row.close > button > .heading2::before {
+        content: '\25bc';
+      }
+      .buttons {
+        margin: 5px 0 5px 15px;
+        align-self: center;
+      }
+      .buttons button {
+        margin: 3px 0 0 3px;
+      }
+      .buttons .disabled {
+        box-shadow: none;
+        cursor: pointer;
+        filter: alpha(opacity=65);
+        opacity: 0.65;
+        pointer-events: auto;
+      }
+      .panel-primary i {
+        margin: 0 7px;
+      }
+      .btn {
+        display: inline-block;
+        background-image: none;
+        border: 2px solid transparent;
+        border-radius: 4px;
+        margin-bottom: 0;
+        padding: 10px 15px;
+        font-size: 15px;
+        font-weight: normal;
+        line-height: 1.42857143;
+        text-align: center;
+        cursor: pointer;
+        touch-action: manipulation;
+        user-select: none;
+        white-space: nowrap;
+        vertical-align: middle;
+      }
+      .btn-sm {
+        border-radius: 3px;
+        padding: 6px 9px;
+        font-size: 13px;
+        line-height: 1.5;
+      }
+      .btn-danger {
+        background-color: #D83D2D;
+        border-color: #D83D2D;
+        color: #FFF;
+      }
+      .btn-warning {
+        background-color: #A86700;
+        border-color: #A86700;
+        color: #FFF;
+      }
+      .btn-primary {
+        background-color: #2C3E50;
+        border-color: #2C3E50;
+        color: #FFF;
+      }
+      .btn-danger,
+      .btn-warning {
+        margin-right: 3px;
+      }
+      button:focus,
+      input:focus,
+      .panel:focus {
+        border-color: #ccc;
+        border-color: rgba(66,152,220,.6);
+        outline: 0;
+        outline: thin dotted;
+        box-shadow: 0 0 15px rgba(66,152,220,.4);
+      }
+      .badge {
+        position: relative;
+        top: -1px;
+        display: inline-block;
+        min-width: 10px;
+        background-color: #FFF;
+        border-radius: 10px;
+        padding: 3px 7px;
+        color: #FFF;
+        font-size: 13px;
+        font-weight: bold;
+        line-height: 1;
+        text-align: center;
+        white-space: nowrap;
+        vertical-align: middle;
+      }
+      .btn-danger .badge {
+        color: #D83D2D;
+      }
+      .btn-warning .badge {
+        color: #A86700;
+      }
+      .btn-primary .badge {
+        color: #2C3E50;
+      }
+      .glyphicon {
+        display: inline-block;
+        width: 20px;
+        height: 20px;
+        background-position: center center;
+        background-repeat: no-repeat;
+        background-size: contain;
+        vertical-align: top;
+      }
+      .glyphicon-ok {
+        background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMSAtNiAzMiAzMiI+PHBhdGggZmlsbD0iIzE4QkM5QyIgZD0iTS43NzMgMTMuNDkzbDExLjE3MyAxMS4yTDMzLjc1OSAyLjgyNmwtNS42NTMtNS42NTNMMTEuOTE5IDEzLjM2IDYuNDI2IDcuODR6Ii8+PC9zdmc+');
+      }
+      .glyphicon-remove {
+        background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAtNiAzMiAzMiI+PHBhdGggZmlsbD0iI0U3NEMzQyIgZD0iTTIuODI3IDE3LjEybDcuNTItNy41Mi03LjUyLTcuNTJMOC40OC0zLjU3MyAxNiAzLjk0N2w3LjUyLTcuNTIgNS42NTMgNS42NTMtNy41MiA3LjUyIDcuNTIgNy41Mi01LjY1MyA1LjY1My03LjUyLTcuNTItNy41MiA3LjUyeiIvPjwvc3ZnPg==');
+      }
+      .glyphicon-ban-circle {
+        background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAtNiAzMiAzMiI+PHBhdGggZmlsbD0iI0YzOUMxMiIgZD0iTS4xMDcgOS42cTAtNC4zMiAyLjEzMy03Ljk3M1Q4LjAyNy00LjE2IDE2LTYuMjkzdDcuOTczIDIuMTMzIDUuNzg3IDUuNzg3VDMxLjg5MyA5LjZ0LTIuMTMzIDcuOTczLTUuNzg3IDUuNzg3VDE2IDI1LjQ5MyA4LjAyNyAyMy4zNiAyLjI0IDE3LjU3My4xMDcgOS42em00Ljg1MyAwcTAgMy4wNjcgMS42NTMgNS43MzNMMjEuNzYuMjEzUTE5LjA5My0xLjQ0IDE2LTEuNDRxLTQuNTYgMC03LjggMy4yNFQ0Ljk2IDkuNnptNS40NjcgOS40NjdRMTMuMDE0IDIwLjY0IDE2IDIwLjY0cTQuNTYgMCA3LjgtMy4yNHQzLjI0LTcuOHEwLTIuOTg3LTEuNTczLTUuNTczeiIvPjwvc3ZnPg==');
+      }
+      .form-group {
+        margin-bottom: 15px;
+      }
+      .form-control {
+        height: 34px;
+        padding: 6px 12px;
+        font-size: 15px;
+        line-height: 1.42857143;
+        color: #2C3E50;
+        border: 1px solid #888;
+        border-radius: 4px;
+        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+      }
+      .form-control:focus {
+        border-color: #ccc;
+        border-color: rgba(82,168,236,.8);
+        outline: 0;
+        outline: thin dotted;
+        box-shadow: 0 0 8px rgba(82,168,236,.6);
+      }
+      .filters {
+        display: flex;
+      }
+      .filters .form-control {
+        flex-grow: 1;
+      }
+      .filters label {
+        margin-left: 15px;
+        align-self: center;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="container" role="main">
+          <div class="row summary">
+      <button type="button"><span class="heading1" role="heading" aria-level="1">HTML Validity Report</span></button>      <span class="buttons"><button class="btn btn-sm btn-danger">Errors <span class="badge">31</span></button><button class="btn btn-sm btn-warning">Warnings <span class="badge">3</span></button><button class="btn btn-sm btn-primary">Notices <span class="badge">0</span></button></span>
+    </div>
+    <div class="row filters form-group">
+      <input id="message-filter" type="text" class="form-control input-lg" placeholder="Enter text to filter messages with">
+      <label><input id="first-occurrences" type="checkbox" aria-checked="false" aria-label="Warn about the first occurrence only"> Warn about the first occurrence only</label>
+    </div>
+
+          <div class="row page">
+      <button type="button"><span class="heading2" role="heading" aria-level="2">fun/hmpg.net.html</span></button>      <span class="buttons"><button class="btn btn-sm btn-danger">Errors <span class="badge">21</span></button><button class="btn btn-sm btn-warning">Warnings <span class="badge">0</span></button><button class="btn btn-sm btn-primary">Notices <span class="badge">0</span></button></span>
+    </div>
+    <div class="row report"><div class="panel panel-danger" tabindex="0" aria-label="Start tag seen without seeing a doctype first. Expected “&lt;!DOCTYPE html>”. (at line 1 and column 6)">
+<div class="panel-heading"></div>
+<div class="panel-body">
+<div class="message">Start tag seen without seeing a doctype first. Expected “&lt;!DOCTYPE html>”.</div>
+<pre><code>&lt;html>&lt;head></code></pre>
+</div>
+<div class="panel-footer text-sm"><span class="heading3" role="heading" aria-level="3">line: 1, column: 6</span></div>
+</div>
+<div class="panel panel-danger" tabindex="0" aria-label="Attribute “gapi_processed” not allowed on element “script” at this point. (at line 3 and column 513)">
+<div class="panel-heading"></div>
+<div class="panel-body">
+<div class="message">Attribute “gapi_processed” not allowed on element “script” at this point.</div>
+<pre><code>>&lt;/script>&lt;script type="text/javascript" async="" src="https://apis.google.com/js/plusone.js" gapi_processed="true">&lt;/scri</code></pre>
+</div>
+<div class="panel-footer text-sm"><span class="heading3" role="heading" aria-level="3">line: 3, column: 513</span></div>
+</div>
+<div class="panel panel-danger" tabindex="0" aria-label="The “align” attribute on the “p” element is obsolete. Use CSS instead. (at line 11 and column 18)">
+<div class="panel-heading"></div>
+<div class="panel-body">
+<div class="message">The “align” attribute on the “p” element is obsolete. Use CSS instead.</div>
+<pre><code>d>
+&lt;body>
+&lt;p align="center">&lt;font </code></pre>
+</div>
+<div class="panel-footer text-sm"><span class="heading3" role="heading" aria-level="3">line: 11, column: 18</span></div>
+</div>
+<div class="panel panel-danger" tabindex="0" aria-label="The “font” element is obsolete. Use CSS instead. (at line 11 and column 34)">
+<div class="panel-heading"></div>
+<div class="panel-body">
+<div class="message">The “font” element is obsolete. Use CSS instead.</div>
+<pre><code>="center">&lt;font size="+4">Congra</code></pre>
+</div>
+<div class="panel-footer text-sm"><span class="heading3" role="heading" aria-level="3">line: 11, column: 34</span></div>
+</div>
+<div class="panel panel-danger" tabindex="0" aria-label="The “align” attribute on the “p” element is obsolete. Use CSS instead. (at line 12 and column 22)">
+<div class="panel-heading"></div>
+<div class="panel-body">
+<div class="message">The “align” attribute on the “p” element is obsolete. Use CSS instead.</div>
+<pre><code>font>
+&lt;/p>&lt;p align="center">&lt;b>You</code></pre>
+</div>
+<div class="panel-footer text-sm"><span class="heading3" role="heading" aria-level="3">line: 12, column: 22</span></div>
+</div>
+<div class="panel panel-danger" tabindex="0" aria-label="The “align” attribute on the “p” element is obsolete. Use CSS instead. (at line 16 and column 22)">
+<div class="panel-heading"></div>
+<div class="panel-body">
+<div class="message">The “align” attribute on the “p” element is obsolete. Use CSS instead.</div>
+<pre><code>rnet.
+&lt;/p>&lt;p align="center">You sh</code></pre>
+</div>
+<div class="panel-footer text-sm"><span class="heading3" role="heading" aria-level="3">line: 16, column: 22</span></div>
+</div>
+<div class="panel panel-danger" tabindex="0" aria-label="The “align” attribute on the “p” element is obsolete. Use CSS instead. (at line 25 and column 18)">
+<div class="panel-heading"></div>
+<div class="panel-body">
+<div class="message">The “align” attribute on the “p” element is obsolete. Use CSS instead.</div>
+<pre><code>/li>&lt;/ul>
+&lt;p align="center">&lt;font </code></pre>
+</div>
+<div class="panel-footer text-sm"><span class="heading3" role="heading" aria-level="3">line: 25, column: 18</span></div>
+</div>
+<div class="panel panel-danger" tabindex="0" aria-label="The “font” element is obsolete. Use CSS instead. (at line 25 and column 34)">
+<div class="panel-heading"></div>
+<div class="panel-body">
+<div class="message">The “font” element is obsolete. Use CSS instead.</div>
+<pre><code>="center">&lt;font size="-1">&lt;i>* P</code></pre>
+</div>
+<div class="panel-footer text-sm"><span class="heading3" role="heading" aria-level="3">line: 25, column: 34</span></div>
+</div>
+<div class="panel panel-danger" tabindex="0" aria-label="Attribute “ng-non-bindable” not allowed on element “iframe” at this point. (at line 28 and column 1153)">
+<div class="panel-heading"></div>
+<div class="panel-body">
+<div class="message">Attribute “ng-non-bindable” not allowed on element “iframe” at this point.</div>
+<pre><code>t: 24px;">&lt;iframe ng-non-bindable="" frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" style="position: static; top: 0px; width: 38px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 24px;" tabindex="0" vspace="0" width="100%" id="I0_1511618104254" name="I0_1511618104254" src="https://apis.google.com/u/0/se/0/_/+1/fastbutton?usegapi=1&amp;origin=http%3A%2F%2Fhmpg.net&amp;url=http%3A%2F%2Fhmpg.net%2F&amp;gsrc=3p&amp;ic=1&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en_GB.R4vvmD-bxFg.O%2Fm%3D__features__%2Fam%3DAQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAGLTcCNqw3woMCdGPJ1k0Sr5vKTnVpzXbw#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Conload&amp;id=I0_1511618104254&amp;_gfid=I0_1511618104254&amp;parent=http%3A%2F%2Fhmpg.net&amp;pfname=&amp;rpctoken=18444644" data-gapiattached="true" title="G+">&lt;/ifra</code></pre>
+</div>
+<div class="panel-footer text-sm"><span class="heading3" role="heading" aria-level="3">line: 28, column: 1153</span></div>
+</div>
+<div class="panel panel-danger" tabindex="0" aria-label="Attribute “hspace” not allowed on element “iframe” at this point. (at line 28 and column 1153)">
+<div class="panel-heading"></div>
+<div class="panel-body">
+<div class="message">Attribute “hspace” not allowed on element “iframe” at this point.</div>
+<pre><code>t: 24px;">&lt;iframe ng-non-bindable="" frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" style="position: static; top: 0px; width: 38px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 24px;" tabindex="0" vspace="0" width="100%" id="I0_1511618104254" name="I0_1511618104254" src="https://apis.google.com/u/0/se/0/_/+1/fastbutton?usegapi=1&amp;origin=http%3A%2F%2Fhmpg.net&amp;url=http%3A%2F%2Fhmpg.net%2F&amp;gsrc=3p&amp;ic=1&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en_GB.R4vvmD-bxFg.O%2Fm%3D__features__%2Fam%3DAQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAGLTcCNqw3woMCdGPJ1k0Sr5vKTnVpzXbw#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Conload&amp;id=I0_1511618104254&amp;_gfid=I0_1511618104254&amp;parent=http%3A%2F%2Fhmpg.net&amp;pfname=&amp;rpctoken=18444644" data-gapiattached="true" title="G+">&lt;/ifra</code></pre>
+</div>
+<div class="panel-footer text-sm"><span class="heading3" role="heading" aria-level="3">line: 28, column: 1153</span></div>
+</div>
+<div class="panel panel-danger" tabindex="0" aria-label="Attribute “vspace” not allowed on element “iframe” at this point. (at line 28 and column 1153)">
+<div class="panel-heading"></div>
+<div class="panel-body">
+<div class="message">Attribute “vspace” not allowed on element “iframe” at this point.</div>
+<pre><code>t: 24px;">&lt;iframe ng-non-bindable="" frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" style="position: static; top: 0px; width: 38px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 24px;" tabindex="0" vspace="0" width="100%" id="I0_1511618104254" name="I0_1511618104254" src="https://apis.google.com/u/0/se/0/_/+1/fastbutton?usegapi=1&amp;origin=http%3A%2F%2Fhmpg.net&amp;url=http%3A%2F%2Fhmpg.net%2F&amp;gsrc=3p&amp;ic=1&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en_GB.R4vvmD-bxFg.O%2Fm%3D__features__%2Fam%3DAQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAGLTcCNqw3woMCdGPJ1k0Sr5vKTnVpzXbw#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Conload&amp;id=I0_1511618104254&amp;_gfid=I0_1511618104254&amp;parent=http%3A%2F%2Fhmpg.net&amp;pfname=&amp;rpctoken=18444644" data-gapiattached="true" title="G+">&lt;/ifra</code></pre>
+</div>
+<div class="panel-footer text-sm"><span class="heading3" role="heading" aria-level="3">line: 28, column: 1153</span></div>
+</div>
+<div class="panel panel-danger" tabindex="0" aria-label="Bad value “100%” for attribute “width” on element “iframe”: Expected a digit but saw “%” instead. (at line 28 and column 1153)">
+<div class="panel-heading"></div>
+<div class="panel-body">
+<div class="message">Bad value “100%” for attribute “width” on element “iframe”: Expected a digit but saw “%” instead.</div>
+<pre><code>t: 24px;">&lt;iframe ng-non-bindable="" frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" style="position: static; top: 0px; width: 38px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 24px;" tabindex="0" vspace="0" width="100%" id="I0_1511618104254" name="I0_1511618104254" src="https://apis.google.com/u/0/se/0/_/+1/fastbutton?usegapi=1&amp;origin=http%3A%2F%2Fhmpg.net&amp;url=http%3A%2F%2Fhmpg.net%2F&amp;gsrc=3p&amp;ic=1&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en_GB.R4vvmD-bxFg.O%2Fm%3D__features__%2Fam%3DAQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAGLTcCNqw3woMCdGPJ1k0Sr5vKTnVpzXbw#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Conload&amp;id=I0_1511618104254&amp;_gfid=I0_1511618104254&amp;parent=http%3A%2F%2Fhmpg.net&amp;pfname=&amp;rpctoken=18444644" data-gapiattached="true" title="G+">&lt;/ifra</code></pre>
+</div>
+<div class="panel-footer text-sm"><span class="heading3" role="heading" aria-level="3">line: 28, column: 1153</span></div>
+</div>
+<div class="panel panel-danger" tabindex="0" aria-label="The “frameborder” attribute on the “iframe” element is obsolete. Use CSS instead. (at line 28 and column 1153)">
+<div class="panel-heading"></div>
+<div class="panel-body">
+<div class="message">The “frameborder” attribute on the “iframe” element is obsolete. Use CSS instead.</div>
+<pre><code>t: 24px;">&lt;iframe ng-non-bindable="" frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" style="position: static; top: 0px; width: 38px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 24px;" tabindex="0" vspace="0" width="100%" id="I0_1511618104254" name="I0_1511618104254" src="https://apis.google.com/u/0/se/0/_/+1/fastbutton?usegapi=1&amp;origin=http%3A%2F%2Fhmpg.net&amp;url=http%3A%2F%2Fhmpg.net%2F&amp;gsrc=3p&amp;ic=1&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en_GB.R4vvmD-bxFg.O%2Fm%3D__features__%2Fam%3DAQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAGLTcCNqw3woMCdGPJ1k0Sr5vKTnVpzXbw#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Conload&amp;id=I0_1511618104254&amp;_gfid=I0_1511618104254&amp;parent=http%3A%2F%2Fhmpg.net&amp;pfname=&amp;rpctoken=18444644" data-gapiattached="true" title="G+">&lt;/ifra</code></pre>
+</div>
+<div class="panel-footer text-sm"><span class="heading3" role="heading" aria-level="3">line: 28, column: 1153</span></div>
+</div>
+<div class="panel panel-danger" tabindex="0" aria-label="The “marginheight” attribute on the “iframe” element is obsolete. Use CSS instead. (at line 28 and column 1153)">
+<div class="panel-heading"></div>
+<div class="panel-body">
+<div class="message">The “marginheight” attribute on the “iframe” element is obsolete. Use CSS instead.</div>
+<pre><code>t: 24px;">&lt;iframe ng-non-bindable="" frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" style="position: static; top: 0px; width: 38px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 24px;" tabindex="0" vspace="0" width="100%" id="I0_1511618104254" name="I0_1511618104254" src="https://apis.google.com/u/0/se/0/_/+1/fastbutton?usegapi=1&amp;origin=http%3A%2F%2Fhmpg.net&amp;url=http%3A%2F%2Fhmpg.net%2F&amp;gsrc=3p&amp;ic=1&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en_GB.R4vvmD-bxFg.O%2Fm%3D__features__%2Fam%3DAQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAGLTcCNqw3woMCdGPJ1k0Sr5vKTnVpzXbw#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Conload&amp;id=I0_1511618104254&amp;_gfid=I0_1511618104254&amp;parent=http%3A%2F%2Fhmpg.net&amp;pfname=&amp;rpctoken=18444644" data-gapiattached="true" title="G+">&lt;/ifra</code></pre>
+</div>
+<div class="panel-footer text-sm"><span class="heading3" role="heading" aria-level="3">line: 28, column: 1153</span></div>
+</div>
+<div class="panel panel-danger" tabindex="0" aria-label="The “marginwidth” attribute on the “iframe” element is obsolete. Use CSS instead. (at line 28 and column 1153)">
+<div class="panel-heading"></div>
+<div class="panel-body">
+<div class="message">The “marginwidth” attribute on the “iframe” element is obsolete. Use CSS instead.</div>
+<pre><code>t: 24px;">&lt;iframe ng-non-bindable="" frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" style="position: static; top: 0px; width: 38px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 24px;" tabindex="0" vspace="0" width="100%" id="I0_1511618104254" name="I0_1511618104254" src="https://apis.google.com/u/0/se/0/_/+1/fastbutton?usegapi=1&amp;origin=http%3A%2F%2Fhmpg.net&amp;url=http%3A%2F%2Fhmpg.net%2F&amp;gsrc=3p&amp;ic=1&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en_GB.R4vvmD-bxFg.O%2Fm%3D__features__%2Fam%3DAQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAGLTcCNqw3woMCdGPJ1k0Sr5vKTnVpzXbw#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Conload&amp;id=I0_1511618104254&amp;_gfid=I0_1511618104254&amp;parent=http%3A%2F%2Fhmpg.net&amp;pfname=&amp;rpctoken=18444644" data-gapiattached="true" title="G+">&lt;/ifra</code></pre>
+</div>
+<div class="panel-footer text-sm"><span class="heading3" role="heading" aria-level="3">line: 28, column: 1153</span></div>
+</div>
+<div class="panel panel-danger" tabindex="0" aria-label="The “scrolling” attribute on the “iframe” element is obsolete. Use CSS instead. (at line 28 and column 1153)">
+<div class="panel-heading"></div>
+<div class="panel-body">
+<div class="message">The “scrolling” attribute on the “iframe” element is obsolete. Use CSS instead.</div>
+<pre><code>t: 24px;">&lt;iframe ng-non-bindable="" frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" style="position: static; top: 0px; width: 38px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 24px;" tabindex="0" vspace="0" width="100%" id="I0_1511618104254" name="I0_1511618104254" src="https://apis.google.com/u/0/se/0/_/+1/fastbutton?usegapi=1&amp;origin=http%3A%2F%2Fhmpg.net&amp;url=http%3A%2F%2Fhmpg.net%2F&amp;gsrc=3p&amp;ic=1&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en_GB.R4vvmD-bxFg.O%2Fm%3D__features__%2Fam%3DAQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAGLTcCNqw3woMCdGPJ1k0Sr5vKTnVpzXbw#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Conload&amp;id=I0_1511618104254&amp;_gfid=I0_1511618104254&amp;parent=http%3A%2F%2Fhmpg.net&amp;pfname=&amp;rpctoken=18444644" data-gapiattached="true" title="G+">&lt;/ifra</code></pre>
+</div>
+<div class="panel-footer text-sm"><span class="heading3" role="heading" aria-level="3">line: 28, column: 1153</span></div>
+</div>
+<div class="panel panel-danger" tabindex="0" aria-label="The “align” attribute on the “p” element is obsolete. Use CSS instead. (at line 31 and column 18)">
+<div class="panel-heading"></div>
+<div class="panel-body">
+<div class="message">The “align” attribute on the “p” element is obsolete. Use CSS instead.</div>
+<pre><code>
+&lt;p>&lt;/p>
+
+&lt;p align="center">&lt;img s</code></pre>
+</div>
+<div class="panel-footer text-sm"><span class="heading3" role="heading" aria-level="3">line: 31, column: 18</span></div>
+</div>
+<div class="panel panel-danger" tabindex="0" aria-label="An “img” element must have an “alt” attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images. (at line 31 and column 45)">
+<div class="panel-heading"></div>
+<div class="panel-body">
+<div class="message">An “img” element must have an “alt” attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.</div>
+<pre><code>="center">&lt;img src="downloadwww.gif">
+
+&lt;!--</code></pre>
+</div>
+<div class="panel-footer text-sm"><span class="heading3" role="heading" aria-level="3">line: 31, column: 45</span></div>
+</div>
+<div class="panel panel-danger" tabindex="0" aria-label="Element “contentxferbho” not allowed as child of element “body” in this context. (Suppressing further errors from this subtree.) (at line 42 and column 526)">
+<div class="panel-heading"></div>
+<div class="panel-body">
+<div class="message">Element “contentxferbho” not allowed as child of element “body” in this context. (Suppressing further errors from this subtree.)</div>
+<pre><code>>&lt;/iframe>&lt;contentxferbho id="87FD7BE7-AD58-4878-9AF6-8540EC34D21C">&lt;/cont</code></pre>
+</div>
+<div class="panel-footer text-sm"><span class="heading3" role="heading" aria-level="3">line: 42, column: 526</span></div>
+</div>
+<div class="panel panel-danger" tabindex="0" aria-label="Stray start tag “addoninited”. (at line 42 and column 612)">
+<div class="panel-heading"></div>
+<div class="panel-body">
+<div class="message">Stray start tag “addoninited”.</div>
+<pre><code>ntxferbho>&lt;/body>&lt;addoninited id="addonInited" targetelementname="addonInited">&lt;/addo</code></pre>
+</div>
+<div class="panel-footer text-sm"><span class="heading3" role="heading" aria-level="3">line: 42, column: 612</span></div>
+</div>
+<div class="panel panel-danger" tabindex="0" aria-label="Element “addoninited” not allowed as child of element “body” in this context. (Suppressing further errors from this subtree.) (at line 42 and column 612)">
+<div class="panel-heading"></div>
+<div class="panel-body">
+<div class="message">Element “addoninited” not allowed as child of element “body” in this context. (Suppressing further errors from this subtree.)</div>
+<pre><code>ntxferbho>&lt;/body>&lt;addoninited id="addonInited" targetelementname="addonInited">&lt;/addo</code></pre>
+</div>
+<div class="panel-footer text-sm"><span class="heading3" role="heading" aria-level="3">line: 42, column: 612</span></div>
+</div>
+</div>
+
+    <div class="row page">
+      <button type="button"><span class="heading2" role="heading" aria-level="2">wikimedia.org.html</span></button>      <span class="buttons"><button class="btn btn-sm btn-danger">Errors <span class="badge">4</span></button><button class="btn btn-sm btn-warning">Warnings <span class="badge">1</span></button><button class="btn btn-sm btn-primary">Notices <span class="badge">0</span></button></span>
+    </div>
+    <div class="row report"><div class="panel panel-danger" tabindex="0" aria-label="Start tag seen without seeing a doctype first. Expected “&lt;!DOCTYPE html>”. (at line 1 and column 27)">
+<div class="panel-heading"></div>
+<div class="panel-body">
+<div class="message">Start tag seen without seeing a doctype first. Expected “&lt;!DOCTYPE html>”.</div>
+<pre><code>&lt;html lang="mul" dir="ltr">&lt;head></code></pre>
+</div>
+<div class="panel-footer text-sm"><span class="heading3" role="heading" aria-level="3">line: 1, column: 27</span></div>
+</div>
+<div class="panel panel-danger" tabindex="0" aria-label="Element “contentxferbho” not allowed as child of element “body” in this context. (Suppressing further errors from this subtree.) (at line 83 and column 58)">
+<div class="panel-heading"></div>
+<div class="panel-body">
+<div class="message">Element “contentxferbho” not allowed as child of element “body” in this context. (Suppressing further errors from this subtree.)</div>
+<pre><code>  &lt;/div>
+
+&lt;contentxferbho id="87FD7BE7-AD58-4878-9AF6-8540EC34D21C">&lt;/cont</code></pre>
+</div>
+<div class="panel-footer text-sm"><span class="heading3" role="heading" aria-level="3">line: 83, column: 58</span></div>
+</div>
+<div class="panel panel-danger" tabindex="0" aria-label="Stray start tag “addoninited”. (at line 83 and column 144)">
+<div class="panel-heading"></div>
+<div class="panel-body">
+<div class="message">Stray start tag “addoninited”.</div>
+<pre><code>ntxferbho>&lt;/body>&lt;addoninited id="addonInited" targetelementname="addonInited">&lt;/addo</code></pre>
+</div>
+<div class="panel-footer text-sm"><span class="heading3" role="heading" aria-level="3">line: 83, column: 144</span></div>
+</div>
+<div class="panel panel-danger" tabindex="0" aria-label="Element “addoninited” not allowed as child of element “body” in this context. (Suppressing further errors from this subtree.) (at line 83 and column 144)">
+<div class="panel-heading"></div>
+<div class="panel-body">
+<div class="message">Element “addoninited” not allowed as child of element “body” in this context. (Suppressing further errors from this subtree.)</div>
+<pre><code>ntxferbho>&lt;/body>&lt;addoninited id="addonInited" targetelementname="addonInited">&lt;/addo</code></pre>
+</div>
+<div class="panel-footer text-sm"><span class="heading3" role="heading" aria-level="3">line: 83, column: 144</span></div>
+</div>
+<div class="panel panel-warning" tabindex="0" aria-label="Potentially bad value “copyright” for attribute “rel” on element “link”: The keyword “copyright” for the “rel” attribute should not be used. Consider using “license” instead. (at line 9 and column 71)">
+<div class="panel-heading"></div>
+<div class="panel-body">
+<div class="message">Potentially bad value “copyright” for attribute “rel” on element “link”: The keyword “copyright” for the “rel” attribute should not be used. Consider using “license” instead.</div>
+<pre><code>con.ico">
+&lt;link rel="copyright" href="//creativecommons.org/licenses/by-sa/3.0/">
+&lt;link</code></pre>
+</div>
+<div class="panel-footer text-sm"><span class="heading3" role="heading" aria-level="3">line: 9, column: 71</span></div>
+</div>
+</div>
+
+    <div class="row page">
+      <button type="button"><span class="heading2" role="heading" aria-level="2">fun/xkcd.com.html</span></button>      <span class="buttons"><button class="btn btn-sm btn-danger">Errors <span class="badge">6</span></button><button class="btn btn-sm btn-warning">Warnings <span class="badge">2</span></button><button class="btn btn-sm btn-primary">Notices <span class="badge">0</span></button></span>
+    </div>
+    <div class="row report"><div class="panel panel-danger" tabindex="0" aria-label="Start tag seen without seeing a doctype first. Expected “&lt;!DOCTYPE html>”. (at line 1 and column 6)">
+<div class="panel-heading"></div>
+<div class="panel-body">
+<div class="message">Start tag seen without seeing a doctype first. Expected “&lt;!DOCTYPE html>”.</div>
+<pre><code>&lt;html>&lt;head></code></pre>
+</div>
+<div class="panel-footer text-sm"><span class="heading3" role="heading" aria-level="3">line: 1, column: 6</span></div>
+</div>
+<div class="panel panel-danger" tabindex="0" aria-label="Duplicate ID “comicLinks”. (at line 114 and column 21)">
+<div class="panel-heading"></div>
+<div class="panel-body">
+<div class="message">Duplicate ID “comicLinks”.</div>
+<pre><code>div>
+&lt;br>
+&lt;div id="comicLinks">
+Other</code></pre>
+</div>
+<div class="panel-footer text-sm"><span class="heading3" role="heading" aria-level="3">line: 114, column: 21</span></div>
+</div>
+<div class="panel panel-danger" tabindex="0" aria-label="The “center” element is obsolete. Use CSS instead. (at line 121 and column 8)">
+<div class="panel-heading"></div>
+<div class="panel-body">
+<div class="message">The “center” element is obsolete. Use CSS instead.</div>
+<pre><code>div>
+&lt;br>
+&lt;center>
+&lt;div </code></pre>
+</div>
+<div class="panel-footer text-sm"><span class="heading3" role="heading" aria-level="3">line: 121, column: 8</span></div>
+</div>
+<div class="panel panel-danger" tabindex="0" aria-label="Element “contentxferbho” not allowed as child of element “body” in this context. (Suppressing further errors from this subtree.) (at line 136 and column 58)">
+<div class="panel-heading"></div>
+<div class="panel-body">
+<div class="message">Element “contentxferbho” not allowed as child of element “body” in this context. (Suppressing further errors from this subtree.)</div>
+<pre><code>ode -->
+
+
+&lt;contentxferbho id="87FD7BE7-AD58-4878-9AF6-8540EC34D21C">&lt;/cont</code></pre>
+</div>
+<div class="panel-footer text-sm"><span class="heading3" role="heading" aria-level="3">line: 136, column: 58</span></div>
+</div>
+<div class="panel panel-danger" tabindex="0" aria-label="Stray start tag “addoninited”. (at line 136 and column 144)">
+<div class="panel-heading"></div>
+<div class="panel-body">
+<div class="message">Stray start tag “addoninited”.</div>
+<pre><code>ntxferbho>&lt;/body>&lt;addoninited id="addonInited" targetelementname="addonInited">&lt;/addo</code></pre>
+</div>
+<div class="panel-footer text-sm"><span class="heading3" role="heading" aria-level="3">line: 136, column: 144</span></div>
+</div>
+<div class="panel panel-danger" tabindex="0" aria-label="Element “addoninited” not allowed as child of element “body” in this context. (Suppressing further errors from this subtree.) (at line 136 and column 144)">
+<div class="panel-heading"></div>
+<div class="panel-body">
+<div class="message">Element “addoninited” not allowed as child of element “body” in this context. (Suppressing further errors from this subtree.)</div>
+<pre><code>ntxferbho>&lt;/body>&lt;addoninited id="addonInited" targetelementname="addonInited">&lt;/addo</code></pre>
+</div>
+<div class="panel-footer text-sm"><span class="heading3" role="heading" aria-level="3">line: 136, column: 144</span></div>
+</div>
+<div class="panel panel-warning" tabindex="0" aria-label="The first occurrence of ID “comicLinks” was here. (at line 99 and column 21)">
+<div class="panel-heading"></div>
+<div class="panel-body">
+<div class="message">The first occurrence of ID “comicLinks” was here.</div>
+<pre><code>div>
+&lt;br>
+&lt;div id="comicLinks">
+Comic</code></pre>
+</div>
+<div class="panel-footer text-sm"><span class="heading3" role="heading" aria-level="3">line: 99, column: 21</span></div>
+</div>
+<div class="panel panel-warning" tabindex="0" aria-label="This document appears to be written in English but the “html” start tag has “lang=&quot;mul&quot;”. Consider using “lang=&quot;en&quot;” (or variant) instead. (at line 1 and column 6)">
+<div class="panel-heading"></div>
+<div class="panel-body">
+<div class="message">This document appears to be written in English but the “html” start tag has “lang=&quot;mul&quot;”. Consider using “lang=&quot;en&quot;” (or variant) instead.</div>
+<pre><code>&lt;html>&lt;head></code></pre>
+</div>
+<div class="panel-footer text-sm"><span class="heading3" role="heading" aria-level="3">line: 1, column: 6</span></div>
+</div>
+</div>
+
+    </div>
+    <script>
+      (function () {
+        'use strict'
+
+        var firstOccurrencesOnly
+        var messageFilterValue = ''
+        var messageFilterTimeout
+
+        // Generate initial titles and ARIA labels
+        function initialize () {
+          var titleRow = document.querySelector('.summary')
+          var rows = document.querySelectorAll('.page')
+          var rowCount = rows.length
+          var i = 0
+          if (titleRow) {
+            updateTogglePageDetails(titleRow)
+          }
+          while (i < rowCount) {
+            updateTogglePageDetails(rows[i++])
+          }
+          var buttons = document.querySelectorAll('.summary .buttons button')
+          var buttonCount = buttons.length
+          i = 0
+          while (i < buttonCount) {
+            updateToggleLevelDetails(buttons[i++], true)
+          }
+          buttons = document.querySelectorAll('.page .buttons button')
+          buttonCount = buttons.length
+          i = 0
+          while (i < buttonCount) {
+            updateToggleLevelDetails(buttons[i++], false)
+          }
+        }
+
+        initialize()
+
+        // Clicking on page names and message levels toggles content
+        document.addEventListener('click', function (event) {
+          var target = event.target
+          var titleRow
+          if (target.matches('.heading1, .heading2, .row > button')) {
+            if (target.tagName !== 'BUTTON') {
+              target = closestAncestor(target, 'button')
+            }
+            if (target) {
+              toggleAnyPage(target)
+            }
+          } else if (target.matches('.buttons > button, .buttons > button > span')) {
+            if (target.tagName !== 'BUTTON') {
+              target = closestAncestor(target, 'button')
+            }
+            if (target) {
+              titleRow = closestAncestor(target, '.row')
+              if (titleRow) {
+                if (titleRow.classList.contains('summary')) {
+                  toggleAllLevels(target)
+                } else {
+                  togglePageLevel(target)
+                }
+              }
+            }
+          }
+        })
+
+        // Changing the first-occurrences checkbox toggles visibility of duplicate messages
+        document.addEventListener('change', function (event) {
+          var target = event.target
+          if (target.id === 'first-occurrences') {
+            firstOccurrencesOnly = target.checked
+            target.setAttribute('aria-checked', firstOccurrencesOnly.toString())
+            filterAllPanels()
+          }
+        })
+
+        // Typing in the message filter box filters messages by the entered text
+        document.addEventListener('input', function (event) {
+          var target = event.target
+          if (target.id === 'message-filter') {
+            if (messageFilterTimeout) {
+              clearTimeout(messageFilterTimeout)
+            }
+            messageFilterTimeout = setTimeout(applyMessageFilter.bind(null, target), 200)
+          }
+        })
+
+        // Hitting Enter speeds up the filtering start, vertical arrows move
+        // between pages and horizontal arrows close and expand a page
+        document.addEventListener('keyup', function (event) {
+          var target = event.target
+          if (target.id === 'message-filter') {
+            if (event.keyCode === 13) {
+              if (messageFilterTimeout) {
+                clearTimeout(messageFilterTimeout)
+              }
+              applyMessageFilter(target)
+            }
+          } else if (event.keyCode === 38 || event.keyCode === 40) {
+            moveToOtherPage(event.keyCode === 40)
+            event.preventDefault()
+            event.stopPropagation()
+          } else if (event.keyCode === 36 || event.keyCode === 35) {
+            moveToBorderPage(event.keyCode === 35)
+            event.preventDefault()
+            event.stopPropagation()
+          } else if (event.keyCode === 37 || event.keyCode === 39) {
+            toggleAnyPage(target, event.keyCode === 39)
+            event.preventDefault()
+            event.stopPropagation()
+          }
+        })
+
+        function moveToOtherPage (next) {
+          var activeElement = document.activeElement
+          if (activeElement) {
+            activeElement = closestAncestor(activeElement, '.row')
+            if (activeElement) {
+              var firstMethod, secondMethod
+              if (next) {
+                firstMethod = nextSibling
+                secondMethod = firstSibling
+              } else {
+                firstMethod = previousSibling
+                secondMethod = lastSibling
+              }
+              activeElement = firstMethod(activeElement, '.page, .summary') ||
+                              secondMethod(activeElement, '.page, .summary')
+              if (activeElement) {
+                activeElement = activeElement.querySelector(':scope > button')
+                if (activeElement) {
+                  focusElement(activeElement)
+                }
+              }
+            }
+          }
+        }
+
+        function moveToBorderPage (end) {
+          var activeElement = document.activeElement
+          if (activeElement) {
+            activeElement = closestAncestor(activeElement, '.row')
+            if (activeElement) {
+              var method = end ? lastSibling : firstSibling
+              activeElement = method(activeElement, '.page, .summary')
+              if (activeElement) {
+                activeElement = activeElement.querySelector(':scope > button')
+                if (activeElement) {
+                  focusElement(activeElement)
+                }
+              }
+            }
+          }
+        }
+
+        function toggleAnyPage (target, expand) {
+          var titleRow = closestAncestor(target, '.row')
+          if (titleRow) {
+            var classList = titleRow.classList
+            if (classList.contains('summary')) {
+              toggleAllPages(expand)
+            } else {
+              if (classList.contains('report')) {
+                titleRow = previousSibling(titleRow, '.row')
+                var activeElement = titleRow.querySelector(':scope > button')
+                if (activeElement) {
+                  focusElement(activeElement)
+                }
+              }
+              var contentRow = nextSibling(titleRow, '.row')
+              togglePage(titleRow, contentRow, expand)
+            }
+          }
+        }
+
+        function toggleAllPages (expand) {
+          var titleRow = document.querySelector('.summary')
+          var method = expand ? 'remove' : expand === false ? 'add' :
+                       titleRow.classList.contains('close') ? 'remove' : 'add'
+          var rows = document.querySelectorAll('.page, .report')
+          var rowCount = rows.length
+          var i = 0, row
+          titleRow.classList[method]('close')
+          updateTogglePageDetails(titleRow)
+          if (expand === undefined) {
+            expand = !titleRow.classList.contains('close')
+          }
+          while (i < rowCount) {
+            togglePage(rows[i++], rows[i++], expand)
+          }
+        }
+
+        function togglePage (titleRow, contentRow, expand) {
+          var method = expand ? 'remove' : expand === false ? 'add' :
+                       titleRow.classList.contains('close') ? 'remove' : 'add'
+          titleRow.classList[method]('close')
+          updateTogglePageDetails(titleRow)
+          contentRow.classList[method]('hide')
+        }
+
+        function applyMessageFilter (target) {
+          messageFilterTimeout = undefined
+          messageFilterValue = target.value
+          filterAllPanels()
+        }
+
+        function filterAllPanels () {
+          var rows = document.querySelectorAll('.report')
+          var rowCount = rows.length
+          var i
+
+          function filterPanels (row) {
+            var titleRow = previousSibling(row, '.row')
+            var buttons = titleRow.querySelectorAll('.buttons > button')
+            var buttonCount = buttons.length
+            var panels = row.querySelectorAll('.panel')
+            var panelCount = panels.length
+            var showLevels = {}
+            var messages = []
+            var i, button, classList, panel, message, show
+            for (i = 0; i < buttonCount; ++i) {
+              button = buttons[i]
+              classList = button.classList
+              if (classList.contains('btn-danger')) {
+                showLevels.danger = !classList.contains('disabled')
+              } else if (classList.contains('btn-warning')) {
+                showLevels.warning = !classList.contains('disabled')
+              } else if (classList.contains('btn-primary')) {
+                showLevels.primary = !classList.contains('disabled')
+              }
+            }
+            i = 0
+            while (i < panelCount) {
+              panel = panels[i++]
+              classList = panel.classList
+              if (classList.contains('panel-danger')) {
+                show = showLevels.danger
+              } else if (classList.contains('panel-warning')) {
+                show = showLevels.warning
+              } else if (classList.contains('panel-primary')) {
+                show = showLevels.primary
+              } else {
+                show = false
+              }
+              if (show) {
+                message = panel.querySelector('.message')
+                if (message) {
+                  message = message.innerText
+                  if (messageFilterValue && message.indexOf(messageFilterValue) < 0) {
+                    show = false
+                  }
+                  if (firstOccurrencesOnly) {
+                    if (messages.indexOf(message) < 0) {
+                      messages.push(message)
+                    } else {
+                      show = false
+                    }
+                  }
+                  panel.classList[show ? 'remove' : 'add']('hide')
+                }
+              }
+            }
+          }
+
+          for (i = 0; i < rowCount; ++i) {
+            filterPanels(rows[i])
+          }
+        }
+
+        function toggleAllLevels (target) {
+          var classList = target.classList
+          var buttonClass
+          if (classList.contains('btn-danger')) {
+            buttonClass = 'btn-danger'
+          } else if (classList.contains('btn-warning')) {
+            buttonClass = 'btn-warning'
+          } else if (classList.contains('btn-primary')) {
+            buttonClass = 'btn-primary'
+          }
+          if (buttonClass) {
+            classList.toggle('disabled')
+            updateToggleLevelDetails(target, true)
+            var buttons = document.querySelectorAll('.page button.' + buttonClass)
+            var disabled = classList.contains('disabled')
+            var buttonCount = buttons.length
+            var i = 0
+            while (i < buttonCount) {
+              togglePageLevel(buttons[i++], !disabled)
+            }
+          }
+        }
+
+        function togglePageLevel (target, expand) {
+          var titleRow, contentRow, panelSelector, panels, method
+          var classList = target.classList
+          if (classList.contains('btn-danger')) {
+            panelSelector = '.panel-danger'
+          } else if (classList.contains('btn-warning')) {
+            panelSelector = '.panel-warning'
+          } else if (classList.contains('btn-primary')) {
+            panelSelector = '.panel-primary'
+          }
+          if (panelSelector) {
+            titleRow = closestAncestor(target, '.row')
+            contentRow = nextSibling(titleRow, '.row')
+            panels = contentRow.querySelectorAll(panelSelector)
+            method = expand ? 'remove' : expand === false ? 'add' : 'toggle'
+            target.classList[method]('disabled')
+            updateToggleLevelDetails(target, false)
+            toggleReportLevel(panels, expand)
+          }
+        }
+
+        function toggleReportLevel (panels, expand) {
+          var panelCount = panels.length
+          var messages = []
+          var i, panel, message, show, method
+          i = 0
+          while (i < panelCount) {
+            panel = panels[i++]
+            show = true
+            message = panel.querySelector('.message')
+            if (message) {
+              message = message.innerText
+              if (messageFilterValue && message.indexOf(messageFilterValue) < 0) {
+                show = false
+              }
+              if (firstOccurrencesOnly) {
+                if (messages.indexOf(message) < 0) {
+                  messages.push(message)
+                } else {
+                  show = false
+                }
+              }
+            }
+            method = method = show ? expand ? 'remove' : expand === false ? 'add' : 'toggle' : 'add'
+            panel.classList[method]('hide')
+          }
+        }
+
+        function updateTogglePageDetails (row) {
+          var classList = row.classList
+          var all = classList.contains('summary')
+          var close = classList.contains('close')
+          var button = row.querySelector(':scope > button')
+          var heading = row.querySelector('.heading2')
+          var title, label, expanded
+          if (heading) {
+            heading = heading.innerText
+          }
+          if (all) {
+            if (close) {
+              label = title = 'Expands all reports'
+              expanded = 'false'
+            } else {
+              label = title = 'Collapses all reports'
+              expanded = 'true'
+            }
+          } else {
+            if (close) {
+              title = 'Expands this report'
+              label = 'Expands the report for ' + heading
+              expanded = 'false'
+            } else {
+              title = 'Collapses this report'
+              label = 'Collapses the report for ' + heading
+              expanded = 'true'
+            }
+          }
+          button.setAttribute('title', title)
+          button.setAttribute('aria-label', label)
+          button.setAttribute('aria-expanded', expanded)
+        }
+
+        function updateToggleLevelDetails (button, summary) {
+          var classList = button.classList
+          var disabled = classList.contains('disabled')
+          var badge = button.querySelector('.badge')
+          var level, title, label
+          if (badge) {
+            badge = badge.innerText
+          }
+          if (classList.contains('btn-danger')) {
+            level = 'errors'
+          } else if (classList.contains('btn-warning')) {
+            level = 'warnings'
+          } else if (classList.contains('btn-primary')) {
+            level = 'notices'
+          }
+          if (summary) {
+            if (disabled) {
+              title = 'Shows all ' + level
+              label = 'Shows all ' + badge + ' ' + level
+            } else {
+              title = 'Hides all ' + level
+              label = 'Hides all ' + badge + ' ' + level
+            }
+          } else {
+            if (disabled) {
+              title = 'Shows ' + level + ' in this report'
+              label = 'Shows ' + badge + ' ' + level + ' in this report'
+            } else {
+              title = 'Hides ' + level + ' in this report'
+              label = 'Hides ' + badge + ' ' + level + ' in this report'
+            }
+          }
+          button.setAttribute('title', title)
+          button.setAttribute('aria-label', label)
+        }
+
+        function focusElement (element) {
+          element.focus()
+          element.scrollIntoView()
+        }
+
+        function closestAncestor (element, selector) {
+          for (;;) {
+            element = element.parentElement
+            if (!element) {
+              break
+            }
+            if (element.matches(selector)) {
+              return element
+            }
+          }
+        }
+
+        function firstSibling (element, selector) {
+          var siblings = element.parentElement.children
+          var childCount = siblings.length
+          var i = 0
+          while (i < childCount) {
+            element = siblings[i++]
+            if (element.matches(selector)) {
+              return element
+            }
+          }
+        }
+
+        function lastSibling (element, selector) {
+          var siblings = element.parentElement.children
+          var i = siblings.length
+          while (--i >= 0) {
+            element = siblings[i]
+            if (element.matches(selector)) {
+              return element
+            }
+          }
+        }
+
+        function nextSibling (element, selector) {
+          var siblings = element.parentElement.children
+          var childCount = siblings.length
+          var i = 0
+          while (i < childCount) {
+            if (siblings[i++] === element) {
+              break
+            }
+          }
+          while (i < childCount) {
+            element = siblings[i++]
+            if (element.matches(selector)) {
+              return element
+            }
+          }
+        }
+
+        function previousSibling (element, selector) {
+          var siblings = element.parentElement.children
+          var i = siblings.length
+          while (--i >= 0) {
+            if (siblings[i] === element) {
+              break
+            }
+          }
+          while (--i >= 0) {
+            element = siblings[i]
+            if (element.matches(selector)) {
+              return element
+            }
+          }
+        }
+      }())
+    </script>
+  </body>
+</html>
diff --git a/tests/results/full-path.html b/tests/results/full-path.html
index 21647a8..aa0dce3 100644
--- a/tests/results/full-path.html
+++ b/tests/results/full-path.html
@@ -290,7 +290,7 @@
     </div>
 
           <div class="row page">
-      <button type="button"><span class="heading2" role="heading" aria-level="2">snapshots/hmpg.net.html</span></button>      <span class="buttons"><button class="btn btn-sm btn-danger">Errors <span class="badge">21</span></button><button class="btn btn-sm btn-warning">Warnings <span class="badge">0</span></button><button class="btn btn-sm btn-primary">Notices <span class="badge">0</span></button></span>
+      <button type="button"><span class="heading2" role="heading" aria-level="2">snapshots/fun/hmpg.net.html</span></button>      <span class="buttons"><button class="btn btn-sm btn-danger">Errors <span class="badge">21</span></button><button class="btn btn-sm btn-warning">Warnings <span class="badge">0</span></button><button class="btn btn-sm btn-primary">Notices <span class="badge">0</span></button></span>
     </div>
     <div class="row report"><div class="panel panel-danger" tabindex="0" aria-label="Start tag seen without seeing a doctype first. Expected “&lt;!DOCTYPE html>”. (at line 1 and column 6)">
 <div class="panel-heading"></div>
@@ -522,7 +522,7 @@
 </div>
 
     <div class="row page">
-      <button type="button"><span class="heading2" role="heading" aria-level="2">snapshots/xkcd.com.html</span></button>      <span class="buttons"><button class="btn btn-sm btn-danger">Errors <span class="badge">6</span></button><button class="btn btn-sm btn-warning">Warnings <span class="badge">2</span></button><button class="btn btn-sm btn-primary">Notices <span class="badge">0</span></button></span>
+      <button type="button"><span class="heading2" role="heading" aria-level="2">snapshots/fun/xkcd.com.html</span></button>      <span class="buttons"><button class="btn btn-sm btn-danger">Errors <span class="badge">6</span></button><button class="btn btn-sm btn-warning">Warnings <span class="badge">2</span></button><button class="btn btn-sm btn-primary">Notices <span class="badge">0</span></button></span>
     </div>
     <div class="row report"><div class="panel panel-danger" tabindex="0" aria-label="Start tag seen without seeing a doctype first. Expected “&lt;!DOCTYPE html>”. (at line 1 and column 6)">
 <div class="panel-heading"></div>
diff --git a/tests/results/report.json b/tests/results/report.json
index 976daff..566e358 100644
--- a/tests/results/report.json
+++ b/tests/results/report.json
@@ -1 +1 @@
-[{"type":"error","lastLine":1,"lastColumn":6,"firstColumn":1,"message":"Start tag seen without seeing a doctype first. Expected “<!DOCTYPE html>”.","extract":"<html><head>","hiliteStart":0,"hiliteLength":6,"file":"snapshots/hmpg.net.html"},{"type":"error","lastLine":3,"lastColumn":513,"firstColumn":408,"message":"Attribute “gapi_processed” not allowed on element “script” at this point.","extract":"></script><script type=\"text/javascript\" async=\"\" src=\"https://apis.google.com/js/plusone.js\" gapi_processed=\"true\"></scri","hiliteStart":10,"hiliteLength":106,"file":"snapshots/hmpg.net.html"},{"type":"error","lastLine":11,"lastColumn":18,"firstColumn":1,"message":"The “align” attribute on the “p” element is obsolete. Use CSS instead.","extract":"d>\n<body>\n<p align=\"center\"><font ","hiliteStart":10,"hiliteLength":18,"file":"snapshots/hmpg.net.html"},{"type":"error","lastLine":11,"lastColumn":34,"firstColumn":19,"message":"The “font” element is obsolete. Use CSS instead.","extract":"=\"center\"><font size=\"+4\">Congra","hiliteStart":10,"hiliteLength":16,"file":"snapshots/hmpg.net.html"},{"type":"error","lastLine":12,"lastColumn":22,"firstColumn":5,"message":"The “align” attribute on the “p” element is obsolete. Use CSS instead.","extract":"font>\n</p><p align=\"center\"><b>You","hiliteStart":10,"hiliteLength":18,"file":"snapshots/hmpg.net.html"},{"type":"error","lastLine":16,"lastColumn":22,"firstColumn":5,"message":"The “align” attribute on the “p” element is obsolete. Use CSS instead.","extract":"rnet.\n</p><p align=\"center\">You sh","hiliteStart":10,"hiliteLength":18,"file":"snapshots/hmpg.net.html"},{"type":"error","lastLine":25,"lastColumn":18,"firstColumn":1,"message":"The “align” attribute on the “p” element is obsolete. Use CSS instead.","extract":"/li></ul>\n<p align=\"center\"><font ","hiliteStart":10,"hiliteLength":18,"file":"snapshots/hmpg.net.html"},{"type":"error","lastLine":25,"lastColumn":34,"firstColumn":19,"message":"The “font” element is obsolete. Use CSS instead.","extract":"=\"center\"><font size=\"-1\"><i>* P","hiliteStart":10,"hiliteLength":16,"file":"snapshots/hmpg.net.html"},{"type":"error","lastLine":28,"lastColumn":1153,"firstColumn":252,"message":"Attribute “ng-non-bindable” not allowed on element “iframe” at this point.","extract":"t: 24px;\"><iframe ng-non-bindable=\"\" frameborder=\"0\" hspace=\"0\" marginheight=\"0\" marginwidth=\"0\" scrolling=\"no\" style=\"position: static; top: 0px; width: 38px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 24px;\" tabindex=\"0\" vspace=\"0\" width=\"100%\" id=\"I0_1511618104254\" name=\"I0_1511618104254\" src=\"https://apis.google.com/u/0/se/0/_/+1/fastbutton?usegapi=1&amp;origin=http%3A%2F%2Fhmpg.net&amp;url=http%3A%2F%2Fhmpg.net%2F&amp;gsrc=3p&amp;ic=1&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en_GB.R4vvmD-bxFg.O%2Fm%3D__features__%2Fam%3DAQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAGLTcCNqw3woMCdGPJ1k0Sr5vKTnVpzXbw#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Conload&amp;id=I0_1511618104254&amp;_gfid=I0_1511618104254&amp;parent=http%3A%2F%2Fhmpg.net&amp;pfname=&amp;rpctoken=18444644\" data-gapiattached=\"true\" title=\"G+\"></ifra","hiliteStart":10,"hiliteLength":902,"file":"snapshots/hmpg.net.html"},{"type":"error","lastLine":28,"lastColumn":1153,"firstColumn":252,"message":"Attribute “hspace” not allowed on element “iframe” at this point.","extract":"t: 24px;\"><iframe ng-non-bindable=\"\" frameborder=\"0\" hspace=\"0\" marginheight=\"0\" marginwidth=\"0\" scrolling=\"no\" style=\"position: static; top: 0px; width: 38px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 24px;\" tabindex=\"0\" vspace=\"0\" width=\"100%\" id=\"I0_1511618104254\" name=\"I0_1511618104254\" src=\"https://apis.google.com/u/0/se/0/_/+1/fastbutton?usegapi=1&amp;origin=http%3A%2F%2Fhmpg.net&amp;url=http%3A%2F%2Fhmpg.net%2F&amp;gsrc=3p&amp;ic=1&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en_GB.R4vvmD-bxFg.O%2Fm%3D__features__%2Fam%3DAQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAGLTcCNqw3woMCdGPJ1k0Sr5vKTnVpzXbw#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Conload&amp;id=I0_1511618104254&amp;_gfid=I0_1511618104254&amp;parent=http%3A%2F%2Fhmpg.net&amp;pfname=&amp;rpctoken=18444644\" data-gapiattached=\"true\" title=\"G+\"></ifra","hiliteStart":10,"hiliteLength":902,"file":"snapshots/hmpg.net.html"},{"type":"error","lastLine":28,"lastColumn":1153,"firstColumn":252,"message":"Attribute “vspace” not allowed on element “iframe” at this point.","extract":"t: 24px;\"><iframe ng-non-bindable=\"\" frameborder=\"0\" hspace=\"0\" marginheight=\"0\" marginwidth=\"0\" scrolling=\"no\" style=\"position: static; top: 0px; width: 38px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 24px;\" tabindex=\"0\" vspace=\"0\" width=\"100%\" id=\"I0_1511618104254\" name=\"I0_1511618104254\" src=\"https://apis.google.com/u/0/se/0/_/+1/fastbutton?usegapi=1&amp;origin=http%3A%2F%2Fhmpg.net&amp;url=http%3A%2F%2Fhmpg.net%2F&amp;gsrc=3p&amp;ic=1&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en_GB.R4vvmD-bxFg.O%2Fm%3D__features__%2Fam%3DAQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAGLTcCNqw3woMCdGPJ1k0Sr5vKTnVpzXbw#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Conload&amp;id=I0_1511618104254&amp;_gfid=I0_1511618104254&amp;parent=http%3A%2F%2Fhmpg.net&amp;pfname=&amp;rpctoken=18444644\" data-gapiattached=\"true\" title=\"G+\"></ifra","hiliteStart":10,"hiliteLength":902,"file":"snapshots/hmpg.net.html"},{"type":"error","lastLine":28,"lastColumn":1153,"firstColumn":252,"message":"Bad value “100%” for attribute “width” on element “iframe”: Expected a digit but saw “%” instead.","extract":"t: 24px;\"><iframe ng-non-bindable=\"\" frameborder=\"0\" hspace=\"0\" marginheight=\"0\" marginwidth=\"0\" scrolling=\"no\" style=\"position: static; top: 0px; width: 38px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 24px;\" tabindex=\"0\" vspace=\"0\" width=\"100%\" id=\"I0_1511618104254\" name=\"I0_1511618104254\" src=\"https://apis.google.com/u/0/se/0/_/+1/fastbutton?usegapi=1&amp;origin=http%3A%2F%2Fhmpg.net&amp;url=http%3A%2F%2Fhmpg.net%2F&amp;gsrc=3p&amp;ic=1&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en_GB.R4vvmD-bxFg.O%2Fm%3D__features__%2Fam%3DAQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAGLTcCNqw3woMCdGPJ1k0Sr5vKTnVpzXbw#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Conload&amp;id=I0_1511618104254&amp;_gfid=I0_1511618104254&amp;parent=http%3A%2F%2Fhmpg.net&amp;pfname=&amp;rpctoken=18444644\" data-gapiattached=\"true\" title=\"G+\"></ifra","hiliteStart":10,"hiliteLength":902,"file":"snapshots/hmpg.net.html"},{"type":"error","lastLine":28,"lastColumn":1153,"firstColumn":252,"message":"The “frameborder” attribute on the “iframe” element is obsolete. Use CSS instead.","extract":"t: 24px;\"><iframe ng-non-bindable=\"\" frameborder=\"0\" hspace=\"0\" marginheight=\"0\" marginwidth=\"0\" scrolling=\"no\" style=\"position: static; top: 0px; width: 38px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 24px;\" tabindex=\"0\" vspace=\"0\" width=\"100%\" id=\"I0_1511618104254\" name=\"I0_1511618104254\" src=\"https://apis.google.com/u/0/se/0/_/+1/fastbutton?usegapi=1&amp;origin=http%3A%2F%2Fhmpg.net&amp;url=http%3A%2F%2Fhmpg.net%2F&amp;gsrc=3p&amp;ic=1&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en_GB.R4vvmD-bxFg.O%2Fm%3D__features__%2Fam%3DAQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAGLTcCNqw3woMCdGPJ1k0Sr5vKTnVpzXbw#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Conload&amp;id=I0_1511618104254&amp;_gfid=I0_1511618104254&amp;parent=http%3A%2F%2Fhmpg.net&amp;pfname=&amp;rpctoken=18444644\" data-gapiattached=\"true\" title=\"G+\"></ifra","hiliteStart":10,"hiliteLength":902,"file":"snapshots/hmpg.net.html"},{"type":"error","lastLine":28,"lastColumn":1153,"firstColumn":252,"message":"The “marginheight” attribute on the “iframe” element is obsolete. Use CSS instead.","extract":"t: 24px;\"><iframe ng-non-bindable=\"\" frameborder=\"0\" hspace=\"0\" marginheight=\"0\" marginwidth=\"0\" scrolling=\"no\" style=\"position: static; top: 0px; width: 38px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 24px;\" tabindex=\"0\" vspace=\"0\" width=\"100%\" id=\"I0_1511618104254\" name=\"I0_1511618104254\" src=\"https://apis.google.com/u/0/se/0/_/+1/fastbutton?usegapi=1&amp;origin=http%3A%2F%2Fhmpg.net&amp;url=http%3A%2F%2Fhmpg.net%2F&amp;gsrc=3p&amp;ic=1&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en_GB.R4vvmD-bxFg.O%2Fm%3D__features__%2Fam%3DAQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAGLTcCNqw3woMCdGPJ1k0Sr5vKTnVpzXbw#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Conload&amp;id=I0_1511618104254&amp;_gfid=I0_1511618104254&amp;parent=http%3A%2F%2Fhmpg.net&amp;pfname=&amp;rpctoken=18444644\" data-gapiattached=\"true\" title=\"G+\"></ifra","hiliteStart":10,"hiliteLength":902,"file":"snapshots/hmpg.net.html"},{"type":"error","lastLine":28,"lastColumn":1153,"firstColumn":252,"message":"The “marginwidth” attribute on the “iframe” element is obsolete. Use CSS instead.","extract":"t: 24px;\"><iframe ng-non-bindable=\"\" frameborder=\"0\" hspace=\"0\" marginheight=\"0\" marginwidth=\"0\" scrolling=\"no\" style=\"position: static; top: 0px; width: 38px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 24px;\" tabindex=\"0\" vspace=\"0\" width=\"100%\" id=\"I0_1511618104254\" name=\"I0_1511618104254\" src=\"https://apis.google.com/u/0/se/0/_/+1/fastbutton?usegapi=1&amp;origin=http%3A%2F%2Fhmpg.net&amp;url=http%3A%2F%2Fhmpg.net%2F&amp;gsrc=3p&amp;ic=1&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en_GB.R4vvmD-bxFg.O%2Fm%3D__features__%2Fam%3DAQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAGLTcCNqw3woMCdGPJ1k0Sr5vKTnVpzXbw#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Conload&amp;id=I0_1511618104254&amp;_gfid=I0_1511618104254&amp;parent=http%3A%2F%2Fhmpg.net&amp;pfname=&amp;rpctoken=18444644\" data-gapiattached=\"true\" title=\"G+\"></ifra","hiliteStart":10,"hiliteLength":902,"file":"snapshots/hmpg.net.html"},{"type":"error","lastLine":28,"lastColumn":1153,"firstColumn":252,"message":"The “scrolling” attribute on the “iframe” element is obsolete. Use CSS instead.","extract":"t: 24px;\"><iframe ng-non-bindable=\"\" frameborder=\"0\" hspace=\"0\" marginheight=\"0\" marginwidth=\"0\" scrolling=\"no\" style=\"position: static; top: 0px; width: 38px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 24px;\" tabindex=\"0\" vspace=\"0\" width=\"100%\" id=\"I0_1511618104254\" name=\"I0_1511618104254\" src=\"https://apis.google.com/u/0/se/0/_/+1/fastbutton?usegapi=1&amp;origin=http%3A%2F%2Fhmpg.net&amp;url=http%3A%2F%2Fhmpg.net%2F&amp;gsrc=3p&amp;ic=1&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en_GB.R4vvmD-bxFg.O%2Fm%3D__features__%2Fam%3DAQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAGLTcCNqw3woMCdGPJ1k0Sr5vKTnVpzXbw#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Conload&amp;id=I0_1511618104254&amp;_gfid=I0_1511618104254&amp;parent=http%3A%2F%2Fhmpg.net&amp;pfname=&amp;rpctoken=18444644\" data-gapiattached=\"true\" title=\"G+\"></ifra","hiliteStart":10,"hiliteLength":902,"file":"snapshots/hmpg.net.html"},{"type":"error","lastLine":31,"lastColumn":18,"firstColumn":1,"message":"The “align” attribute on the “p” element is obsolete. Use CSS instead.","extract":"\n<p></p>\n\n<p align=\"center\"><img s","hiliteStart":10,"hiliteLength":18,"file":"snapshots/hmpg.net.html"},{"type":"error","lastLine":31,"lastColumn":45,"firstColumn":19,"message":"An “img” element must have an “alt” attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.","extract":"=\"center\"><img src=\"downloadwww.gif\">\n\n<!--","hiliteStart":10,"hiliteLength":27,"file":"snapshots/hmpg.net.html"},{"type":"error","lastLine":42,"lastColumn":526,"firstColumn":469,"message":"Element “contentxferbho” not allowed as child of element “body” in this context. (Suppressing further errors from this subtree.)","extract":"></iframe><contentxferbho id=\"87FD7BE7-AD58-4878-9AF6-8540EC34D21C\"></cont","hiliteStart":10,"hiliteLength":58,"file":"snapshots/hmpg.net.html"},{"type":"error","lastLine":42,"lastColumn":612,"firstColumn":544,"message":"Stray start tag “addoninited”.","extract":"ntxferbho></body><addoninited id=\"addonInited\" targetelementname=\"addonInited\"></addo","hiliteStart":10,"hiliteLength":69,"file":"snapshots/hmpg.net.html"},{"type":"error","lastLine":42,"lastColumn":612,"firstColumn":544,"message":"Element “addoninited” not allowed as child of element “body” in this context. (Suppressing further errors from this subtree.)","extract":"ntxferbho></body><addoninited id=\"addonInited\" targetelementname=\"addonInited\"></addo","hiliteStart":10,"hiliteLength":69,"file":"snapshots/hmpg.net.html"},{"type":"error","lastLine":1,"lastColumn":27,"firstColumn":1,"message":"Start tag seen without seeing a doctype first. Expected “<!DOCTYPE html>”.","extract":"<html lang=\"mul\" dir=\"ltr\"><head>","hiliteStart":0,"hiliteLength":27,"file":"snapshots/wikimedia.org.html"},{"type":"info","lastLine":9,"lastColumn":71,"firstColumn":1,"subType":"warning","message":"Potentially bad value “copyright” for attribute “rel” on element “link”: The keyword “copyright” for the “rel” attribute should not be used. Consider using “license” instead.","extract":"con.ico\">\n<link rel=\"copyright\" href=\"//creativecommons.org/licenses/by-sa/3.0/\">\n<link","hiliteStart":10,"hiliteLength":71,"file":"snapshots/wikimedia.org.html"},{"type":"error","lastLine":83,"lastColumn":58,"firstColumn":1,"message":"Element “contentxferbho” not allowed as child of element “body” in this context. (Suppressing further errors from this subtree.)","extract":"  </div>\n\n<contentxferbho id=\"87FD7BE7-AD58-4878-9AF6-8540EC34D21C\"></cont","hiliteStart":10,"hiliteLength":58,"file":"snapshots/wikimedia.org.html"},{"type":"error","lastLine":83,"lastColumn":144,"firstColumn":76,"message":"Stray start tag “addoninited”.","extract":"ntxferbho></body><addoninited id=\"addonInited\" targetelementname=\"addonInited\"></addo","hiliteStart":10,"hiliteLength":69,"file":"snapshots/wikimedia.org.html"},{"type":"error","lastLine":83,"lastColumn":144,"firstColumn":76,"message":"Element “addoninited” not allowed as child of element “body” in this context. (Suppressing further errors from this subtree.)","extract":"ntxferbho></body><addoninited id=\"addonInited\" targetelementname=\"addonInited\"></addo","hiliteStart":10,"hiliteLength":69,"file":"snapshots/wikimedia.org.html"},{"type":"error","lastLine":1,"lastColumn":6,"firstColumn":1,"message":"Start tag seen without seeing a doctype first. Expected “<!DOCTYPE html>”.","extract":"<html><head>","hiliteStart":0,"hiliteLength":6,"file":"snapshots/xkcd.com.html"},{"type":"error","lastLine":114,"lastColumn":21,"firstColumn":1,"message":"Duplicate ID “comicLinks”.","extract":"div>\n<br>\n<div id=\"comicLinks\">\nOther","hiliteStart":10,"hiliteLength":21,"file":"snapshots/xkcd.com.html"},{"type":"info","lastLine":99,"lastColumn":21,"firstColumn":1,"subType":"warning","message":"The first occurrence of ID “comicLinks” was here.","extract":"div>\n<br>\n<div id=\"comicLinks\">\nComic","hiliteStart":10,"hiliteLength":21,"file":"snapshots/xkcd.com.html"},{"type":"error","lastLine":121,"lastColumn":8,"firstColumn":1,"message":"The “center” element is obsolete. Use CSS instead.","extract":"div>\n<br>\n<center>\n<div ","hiliteStart":10,"hiliteLength":8,"file":"snapshots/xkcd.com.html"},{"type":"error","lastLine":136,"lastColumn":58,"firstColumn":1,"message":"Element “contentxferbho” not allowed as child of element “body” in this context. (Suppressing further errors from this subtree.)","extract":"ode -->\n\n\n<contentxferbho id=\"87FD7BE7-AD58-4878-9AF6-8540EC34D21C\"></cont","hiliteStart":10,"hiliteLength":58,"file":"snapshots/xkcd.com.html"},{"type":"error","lastLine":136,"lastColumn":144,"firstColumn":76,"message":"Stray start tag “addoninited”.","extract":"ntxferbho></body><addoninited id=\"addonInited\" targetelementname=\"addonInited\"></addo","hiliteStart":10,"hiliteLength":69,"file":"snapshots/xkcd.com.html"},{"type":"error","lastLine":136,"lastColumn":144,"firstColumn":76,"message":"Element “addoninited” not allowed as child of element “body” in this context. (Suppressing further errors from this subtree.)","extract":"ntxferbho></body><addoninited id=\"addonInited\" targetelementname=\"addonInited\"></addo","hiliteStart":10,"hiliteLength":69,"file":"snapshots/xkcd.com.html"},{"type":"info","lastLine":1,"lastColumn":6,"firstColumn":1,"subType":"warning","message":"This document appears to be written in English but the “html” start tag has “lang=\"mul\"”. Consider using “lang=\"en\"” (or variant) instead.","extract":"<html><head>","hiliteStart":0,"hiliteLength":6,"file":"snapshots/xkcd.com.html"}]
\ No newline at end of file
+[{"type":"error","lastLine":1,"lastColumn":6,"firstColumn":1,"message":"Start tag seen without seeing a doctype first. Expected “<!DOCTYPE html>”.","extract":"<html><head>","hiliteStart":0,"hiliteLength":6,"file":"snapshots/fun/hmpg.net.html"},{"type":"error","lastLine":3,"lastColumn":513,"firstColumn":408,"message":"Attribute “gapi_processed” not allowed on element “script” at this point.","extract":"></script><script type=\"text/javascript\" async=\"\" src=\"https://apis.google.com/js/plusone.js\" gapi_processed=\"true\"></scri","hiliteStart":10,"hiliteLength":106,"file":"snapshots/fun/hmpg.net.html"},{"type":"error","lastLine":11,"lastColumn":18,"firstColumn":1,"message":"The “align” attribute on the “p” element is obsolete. Use CSS instead.","extract":"d>\n<body>\n<p align=\"center\"><font ","hiliteStart":10,"hiliteLength":18,"file":"snapshots/fun/hmpg.net.html"},{"type":"error","lastLine":11,"lastColumn":34,"firstColumn":19,"message":"The “font” element is obsolete. Use CSS instead.","extract":"=\"center\"><font size=\"+4\">Congra","hiliteStart":10,"hiliteLength":16,"file":"snapshots/fun/hmpg.net.html"},{"type":"error","lastLine":12,"lastColumn":22,"firstColumn":5,"message":"The “align” attribute on the “p” element is obsolete. Use CSS instead.","extract":"font>\n</p><p align=\"center\"><b>You","hiliteStart":10,"hiliteLength":18,"file":"snapshots/fun/hmpg.net.html"},{"type":"error","lastLine":16,"lastColumn":22,"firstColumn":5,"message":"The “align” attribute on the “p” element is obsolete. Use CSS instead.","extract":"rnet.\n</p><p align=\"center\">You sh","hiliteStart":10,"hiliteLength":18,"file":"snapshots/fun/hmpg.net.html"},{"type":"error","lastLine":25,"lastColumn":18,"firstColumn":1,"message":"The “align” attribute on the “p” element is obsolete. Use CSS instead.","extract":"/li></ul>\n<p align=\"center\"><font ","hiliteStart":10,"hiliteLength":18,"file":"snapshots/fun/hmpg.net.html"},{"type":"error","lastLine":25,"lastColumn":34,"firstColumn":19,"message":"The “font” element is obsolete. Use CSS instead.","extract":"=\"center\"><font size=\"-1\"><i>* P","hiliteStart":10,"hiliteLength":16,"file":"snapshots/fun/hmpg.net.html"},{"type":"error","lastLine":28,"lastColumn":1153,"firstColumn":252,"message":"Attribute “ng-non-bindable” not allowed on element “iframe” at this point.","extract":"t: 24px;\"><iframe ng-non-bindable=\"\" frameborder=\"0\" hspace=\"0\" marginheight=\"0\" marginwidth=\"0\" scrolling=\"no\" style=\"position: static; top: 0px; width: 38px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 24px;\" tabindex=\"0\" vspace=\"0\" width=\"100%\" id=\"I0_1511618104254\" name=\"I0_1511618104254\" src=\"https://apis.google.com/u/0/se/0/_/+1/fastbutton?usegapi=1&amp;origin=http%3A%2F%2Fhmpg.net&amp;url=http%3A%2F%2Fhmpg.net%2F&amp;gsrc=3p&amp;ic=1&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en_GB.R4vvmD-bxFg.O%2Fm%3D__features__%2Fam%3DAQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAGLTcCNqw3woMCdGPJ1k0Sr5vKTnVpzXbw#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Conload&amp;id=I0_1511618104254&amp;_gfid=I0_1511618104254&amp;parent=http%3A%2F%2Fhmpg.net&amp;pfname=&amp;rpctoken=18444644\" data-gapiattached=\"true\" title=\"G+\"></ifra","hiliteStart":10,"hiliteLength":902,"file":"snapshots/fun/hmpg.net.html"},{"type":"error","lastLine":28,"lastColumn":1153,"firstColumn":252,"message":"Attribute “hspace” not allowed on element “iframe” at this point.","extract":"t: 24px;\"><iframe ng-non-bindable=\"\" frameborder=\"0\" hspace=\"0\" marginheight=\"0\" marginwidth=\"0\" scrolling=\"no\" style=\"position: static; top: 0px; width: 38px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 24px;\" tabindex=\"0\" vspace=\"0\" width=\"100%\" id=\"I0_1511618104254\" name=\"I0_1511618104254\" src=\"https://apis.google.com/u/0/se/0/_/+1/fastbutton?usegapi=1&amp;origin=http%3A%2F%2Fhmpg.net&amp;url=http%3A%2F%2Fhmpg.net%2F&amp;gsrc=3p&amp;ic=1&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en_GB.R4vvmD-bxFg.O%2Fm%3D__features__%2Fam%3DAQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAGLTcCNqw3woMCdGPJ1k0Sr5vKTnVpzXbw#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Conload&amp;id=I0_1511618104254&amp;_gfid=I0_1511618104254&amp;parent=http%3A%2F%2Fhmpg.net&amp;pfname=&amp;rpctoken=18444644\" data-gapiattached=\"true\" title=\"G+\"></ifra","hiliteStart":10,"hiliteLength":902,"file":"snapshots/fun/hmpg.net.html"},{"type":"error","lastLine":28,"lastColumn":1153,"firstColumn":252,"message":"Attribute “vspace” not allowed on element “iframe” at this point.","extract":"t: 24px;\"><iframe ng-non-bindable=\"\" frameborder=\"0\" hspace=\"0\" marginheight=\"0\" marginwidth=\"0\" scrolling=\"no\" style=\"position: static; top: 0px; width: 38px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 24px;\" tabindex=\"0\" vspace=\"0\" width=\"100%\" id=\"I0_1511618104254\" name=\"I0_1511618104254\" src=\"https://apis.google.com/u/0/se/0/_/+1/fastbutton?usegapi=1&amp;origin=http%3A%2F%2Fhmpg.net&amp;url=http%3A%2F%2Fhmpg.net%2F&amp;gsrc=3p&amp;ic=1&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en_GB.R4vvmD-bxFg.O%2Fm%3D__features__%2Fam%3DAQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAGLTcCNqw3woMCdGPJ1k0Sr5vKTnVpzXbw#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Conload&amp;id=I0_1511618104254&amp;_gfid=I0_1511618104254&amp;parent=http%3A%2F%2Fhmpg.net&amp;pfname=&amp;rpctoken=18444644\" data-gapiattached=\"true\" title=\"G+\"></ifra","hiliteStart":10,"hiliteLength":902,"file":"snapshots/fun/hmpg.net.html"},{"type":"error","lastLine":28,"lastColumn":1153,"firstColumn":252,"message":"Bad value “100%” for attribute “width” on element “iframe”: Expected a digit but saw “%” instead.","extract":"t: 24px;\"><iframe ng-non-bindable=\"\" frameborder=\"0\" hspace=\"0\" marginheight=\"0\" marginwidth=\"0\" scrolling=\"no\" style=\"position: static; top: 0px; width: 38px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 24px;\" tabindex=\"0\" vspace=\"0\" width=\"100%\" id=\"I0_1511618104254\" name=\"I0_1511618104254\" src=\"https://apis.google.com/u/0/se/0/_/+1/fastbutton?usegapi=1&amp;origin=http%3A%2F%2Fhmpg.net&amp;url=http%3A%2F%2Fhmpg.net%2F&amp;gsrc=3p&amp;ic=1&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en_GB.R4vvmD-bxFg.O%2Fm%3D__features__%2Fam%3DAQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAGLTcCNqw3woMCdGPJ1k0Sr5vKTnVpzXbw#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Conload&amp;id=I0_1511618104254&amp;_gfid=I0_1511618104254&amp;parent=http%3A%2F%2Fhmpg.net&amp;pfname=&amp;rpctoken=18444644\" data-gapiattached=\"true\" title=\"G+\"></ifra","hiliteStart":10,"hiliteLength":902,"file":"snapshots/fun/hmpg.net.html"},{"type":"error","lastLine":28,"lastColumn":1153,"firstColumn":252,"message":"The “frameborder” attribute on the “iframe” element is obsolete. Use CSS instead.","extract":"t: 24px;\"><iframe ng-non-bindable=\"\" frameborder=\"0\" hspace=\"0\" marginheight=\"0\" marginwidth=\"0\" scrolling=\"no\" style=\"position: static; top: 0px; width: 38px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 24px;\" tabindex=\"0\" vspace=\"0\" width=\"100%\" id=\"I0_1511618104254\" name=\"I0_1511618104254\" src=\"https://apis.google.com/u/0/se/0/_/+1/fastbutton?usegapi=1&amp;origin=http%3A%2F%2Fhmpg.net&amp;url=http%3A%2F%2Fhmpg.net%2F&amp;gsrc=3p&amp;ic=1&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en_GB.R4vvmD-bxFg.O%2Fm%3D__features__%2Fam%3DAQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAGLTcCNqw3woMCdGPJ1k0Sr5vKTnVpzXbw#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Conload&amp;id=I0_1511618104254&amp;_gfid=I0_1511618104254&amp;parent=http%3A%2F%2Fhmpg.net&amp;pfname=&amp;rpctoken=18444644\" data-gapiattached=\"true\" title=\"G+\"></ifra","hiliteStart":10,"hiliteLength":902,"file":"snapshots/fun/hmpg.net.html"},{"type":"error","lastLine":28,"lastColumn":1153,"firstColumn":252,"message":"The “marginheight” attribute on the “iframe” element is obsolete. Use CSS instead.","extract":"t: 24px;\"><iframe ng-non-bindable=\"\" frameborder=\"0\" hspace=\"0\" marginheight=\"0\" marginwidth=\"0\" scrolling=\"no\" style=\"position: static; top: 0px; width: 38px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 24px;\" tabindex=\"0\" vspace=\"0\" width=\"100%\" id=\"I0_1511618104254\" name=\"I0_1511618104254\" src=\"https://apis.google.com/u/0/se/0/_/+1/fastbutton?usegapi=1&amp;origin=http%3A%2F%2Fhmpg.net&amp;url=http%3A%2F%2Fhmpg.net%2F&amp;gsrc=3p&amp;ic=1&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en_GB.R4vvmD-bxFg.O%2Fm%3D__features__%2Fam%3DAQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAGLTcCNqw3woMCdGPJ1k0Sr5vKTnVpzXbw#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Conload&amp;id=I0_1511618104254&amp;_gfid=I0_1511618104254&amp;parent=http%3A%2F%2Fhmpg.net&amp;pfname=&amp;rpctoken=18444644\" data-gapiattached=\"true\" title=\"G+\"></ifra","hiliteStart":10,"hiliteLength":902,"file":"snapshots/fun/hmpg.net.html"},{"type":"error","lastLine":28,"lastColumn":1153,"firstColumn":252,"message":"The “marginwidth” attribute on the “iframe” element is obsolete. Use CSS instead.","extract":"t: 24px;\"><iframe ng-non-bindable=\"\" frameborder=\"0\" hspace=\"0\" marginheight=\"0\" marginwidth=\"0\" scrolling=\"no\" style=\"position: static; top: 0px; width: 38px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 24px;\" tabindex=\"0\" vspace=\"0\" width=\"100%\" id=\"I0_1511618104254\" name=\"I0_1511618104254\" src=\"https://apis.google.com/u/0/se/0/_/+1/fastbutton?usegapi=1&amp;origin=http%3A%2F%2Fhmpg.net&amp;url=http%3A%2F%2Fhmpg.net%2F&amp;gsrc=3p&amp;ic=1&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en_GB.R4vvmD-bxFg.O%2Fm%3D__features__%2Fam%3DAQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAGLTcCNqw3woMCdGPJ1k0Sr5vKTnVpzXbw#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Conload&amp;id=I0_1511618104254&amp;_gfid=I0_1511618104254&amp;parent=http%3A%2F%2Fhmpg.net&amp;pfname=&amp;rpctoken=18444644\" data-gapiattached=\"true\" title=\"G+\"></ifra","hiliteStart":10,"hiliteLength":902,"file":"snapshots/fun/hmpg.net.html"},{"type":"error","lastLine":28,"lastColumn":1153,"firstColumn":252,"message":"The “scrolling” attribute on the “iframe” element is obsolete. Use CSS instead.","extract":"t: 24px;\"><iframe ng-non-bindable=\"\" frameborder=\"0\" hspace=\"0\" marginheight=\"0\" marginwidth=\"0\" scrolling=\"no\" style=\"position: static; top: 0px; width: 38px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 24px;\" tabindex=\"0\" vspace=\"0\" width=\"100%\" id=\"I0_1511618104254\" name=\"I0_1511618104254\" src=\"https://apis.google.com/u/0/se/0/_/+1/fastbutton?usegapi=1&amp;origin=http%3A%2F%2Fhmpg.net&amp;url=http%3A%2F%2Fhmpg.net%2F&amp;gsrc=3p&amp;ic=1&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en_GB.R4vvmD-bxFg.O%2Fm%3D__features__%2Fam%3DAQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAGLTcCNqw3woMCdGPJ1k0Sr5vKTnVpzXbw#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Conload&amp;id=I0_1511618104254&amp;_gfid=I0_1511618104254&amp;parent=http%3A%2F%2Fhmpg.net&amp;pfname=&amp;rpctoken=18444644\" data-gapiattached=\"true\" title=\"G+\"></ifra","hiliteStart":10,"hiliteLength":902,"file":"snapshots/fun/hmpg.net.html"},{"type":"error","lastLine":31,"lastColumn":18,"firstColumn":1,"message":"The “align” attribute on the “p” element is obsolete. Use CSS instead.","extract":"\n<p></p>\n\n<p align=\"center\"><img s","hiliteStart":10,"hiliteLength":18,"file":"snapshots/fun/hmpg.net.html"},{"type":"error","lastLine":31,"lastColumn":45,"firstColumn":19,"message":"An “img” element must have an “alt” attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.","extract":"=\"center\"><img src=\"downloadwww.gif\">\n\n<!--","hiliteStart":10,"hiliteLength":27,"file":"snapshots/fun/hmpg.net.html"},{"type":"error","lastLine":42,"lastColumn":526,"firstColumn":469,"message":"Element “contentxferbho” not allowed as child of element “body” in this context. (Suppressing further errors from this subtree.)","extract":"></iframe><contentxferbho id=\"87FD7BE7-AD58-4878-9AF6-8540EC34D21C\"></cont","hiliteStart":10,"hiliteLength":58,"file":"snapshots/fun/hmpg.net.html"},{"type":"error","lastLine":42,"lastColumn":612,"firstColumn":544,"message":"Stray start tag “addoninited”.","extract":"ntxferbho></body><addoninited id=\"addonInited\" targetelementname=\"addonInited\"></addo","hiliteStart":10,"hiliteLength":69,"file":"snapshots/fun/hmpg.net.html"},{"type":"error","lastLine":42,"lastColumn":612,"firstColumn":544,"message":"Element “addoninited” not allowed as child of element “body” in this context. (Suppressing further errors from this subtree.)","extract":"ntxferbho></body><addoninited id=\"addonInited\" targetelementname=\"addonInited\"></addo","hiliteStart":10,"hiliteLength":69,"file":"snapshots/fun/hmpg.net.html"},{"type":"error","lastLine":1,"lastColumn":27,"firstColumn":1,"message":"Start tag seen without seeing a doctype first. Expected “<!DOCTYPE html>”.","extract":"<html lang=\"mul\" dir=\"ltr\"><head>","hiliteStart":0,"hiliteLength":27,"file":"snapshots/wikimedia.org.html"},{"type":"info","lastLine":9,"lastColumn":71,"firstColumn":1,"subType":"warning","message":"Potentially bad value “copyright” for attribute “rel” on element “link”: The keyword “copyright” for the “rel” attribute should not be used. Consider using “license” instead.","extract":"con.ico\">\n<link rel=\"copyright\" href=\"//creativecommons.org/licenses/by-sa/3.0/\">\n<link","hiliteStart":10,"hiliteLength":71,"file":"snapshots/wikimedia.org.html"},{"type":"error","lastLine":83,"lastColumn":58,"firstColumn":1,"message":"Element “contentxferbho” not allowed as child of element “body” in this context. (Suppressing further errors from this subtree.)","extract":"  </div>\n\n<contentxferbho id=\"87FD7BE7-AD58-4878-9AF6-8540EC34D21C\"></cont","hiliteStart":10,"hiliteLength":58,"file":"snapshots/wikimedia.org.html"},{"type":"error","lastLine":83,"lastColumn":144,"firstColumn":76,"message":"Stray start tag “addoninited”.","extract":"ntxferbho></body><addoninited id=\"addonInited\" targetelementname=\"addonInited\"></addo","hiliteStart":10,"hiliteLength":69,"file":"snapshots/wikimedia.org.html"},{"type":"error","lastLine":83,"lastColumn":144,"firstColumn":76,"message":"Element “addoninited” not allowed as child of element “body” in this context. (Suppressing further errors from this subtree.)","extract":"ntxferbho></body><addoninited id=\"addonInited\" targetelementname=\"addonInited\"></addo","hiliteStart":10,"hiliteLength":69,"file":"snapshots/wikimedia.org.html"},{"type":"error","lastLine":1,"lastColumn":6,"firstColumn":1,"message":"Start tag seen without seeing a doctype first. Expected “<!DOCTYPE html>”.","extract":"<html><head>","hiliteStart":0,"hiliteLength":6,"file":"snapshots/fun/xkcd.com.html"},{"type":"error","lastLine":114,"lastColumn":21,"firstColumn":1,"message":"Duplicate ID “comicLinks”.","extract":"div>\n<br>\n<div id=\"comicLinks\">\nOther","hiliteStart":10,"hiliteLength":21,"file":"snapshots/fun/xkcd.com.html"},{"type":"info","lastLine":99,"lastColumn":21,"firstColumn":1,"subType":"warning","message":"The first occurrence of ID “comicLinks” was here.","extract":"div>\n<br>\n<div id=\"comicLinks\">\nComic","hiliteStart":10,"hiliteLength":21,"file":"snapshots/fun/xkcd.com.html"},{"type":"error","lastLine":121,"lastColumn":8,"firstColumn":1,"message":"The “center” element is obsolete. Use CSS instead.","extract":"div>\n<br>\n<center>\n<div ","hiliteStart":10,"hiliteLength":8,"file":"snapshots/fun/xkcd.com.html"},{"type":"error","lastLine":136,"lastColumn":58,"firstColumn":1,"message":"Element “contentxferbho” not allowed as child of element “body” in this context. (Suppressing further errors from this subtree.)","extract":"ode -->\n\n\n<contentxferbho id=\"87FD7BE7-AD58-4878-9AF6-8540EC34D21C\"></cont","hiliteStart":10,"hiliteLength":58,"file":"snapshots/fun/xkcd.com.html"},{"type":"error","lastLine":136,"lastColumn":144,"firstColumn":76,"message":"Stray start tag “addoninited”.","extract":"ntxferbho></body><addoninited id=\"addonInited\" targetelementname=\"addonInited\"></addo","hiliteStart":10,"hiliteLength":69,"file":"snapshots/fun/xkcd.com.html"},{"type":"error","lastLine":136,"lastColumn":144,"firstColumn":76,"message":"Element “addoninited” not allowed as child of element “body” in this context. (Suppressing further errors from this subtree.)","extract":"ntxferbho></body><addoninited id=\"addonInited\" targetelementname=\"addonInited\"></addo","hiliteStart":10,"hiliteLength":69,"file":"snapshots/fun/xkcd.com.html"},{"type":"info","lastLine":1,"lastColumn":6,"firstColumn":1,"subType":"warning","message":"This document appears to be written in English but the “html” start tag has “lang=\"mul\"”. Consider using “lang=\"en\"” (or variant) instead.","extract":"<html><head>","hiliteStart":0,"hiliteLength":6,"file":"snapshots/fun/xkcd.com.html"}]
diff --git a/tests/snapshots/hmpg.net.html b/tests/snapshots/fun/hmpg.net.html
similarity index 100%
rename from tests/snapshots/hmpg.net.html
rename to tests/snapshots/fun/hmpg.net.html
diff --git a/tests/snapshots/xkcd.com.html b/tests/snapshots/fun/xkcd.com.html
similarity index 100%
rename from tests/snapshots/xkcd.com.html
rename to tests/snapshots/fun/xkcd.com.html
diff --git a/tests/test.js b/tests/test.js
index ab2e628..3408a6a 100644
--- a/tests/test.js
+++ b/tests/test.js
@@ -14,7 +14,7 @@ test.test('transforms JSON object to string in HTML format', test => {
   const file = path.join(__dirname, 'results', 'report.json')
   const results = JSON.parse(fs.readFileSync(file, 'utf-8'))
   const expected = fs.readFileSync(path.join(__dirname, 'results',
-    'full-path.html'), 'utf-8')
+    'common-path.html'), 'utf-8')
   const actual = report(results)
   test.equal(typeof actual, 'string')
   test.equal(expected, actual)
@@ -33,3 +33,16 @@ test.test('optionally generates page titles from file names without directory',
   test.equal(expected, actual)
   test.end()
 })
+
+test.test('optionally generates page titles with full file paths', test => {
+  const file = path.join(__dirname, 'results', 'report.json')
+  const results = JSON.parse(fs.readFileSync(file, 'utf-8'))
+  const expected = fs.readFileSync(path.join(__dirname, 'results',
+    'full-path.html'), 'utf-8')
+  const actual = report(results, {
+    showCommonPathOnly: false
+  })
+  test.equal(typeof actual, 'string')
+  test.equal(expected, actual)
+  test.end()
+})