testilo 13.3.1 → 13.3.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "testilo",
-  "version": "13.3.1",
+  "version": "13.3.3",
   "description": "Client that scores and digests Testaro reports",
   "main": "aim.js",
   "scripts": {

package/procs/digest/tdp27/index.html

@@ -29,24 +29,27 @@
         </table>
       </header>
       <h2>Introduction</h2>
-      <p>This is a digest of results from a battery of accessibility tests.</p>
-      <p>The battery includes about 1350 tests drawn from ten different packages: Alfa, Axe, Continuum, Equal Access, HTML CodeSniffer, Nu Html Checker, QualWeb, Tenon, Testaro, and WAVE.</p>
-      <p>These tests were run on the web page named above and gave the page a score of __total__, where 0 would be <q>perfect</q>.</p>
-      <h2>Scores</h2>
+      <p>This is a digest of results from a battery of <a href="https://www.w3.org/WAI/">web accessibility</a> tests.</p>
+      <p>Ten different <dfn>tools</dfn> (Alfa, Axe, Continuum, Equal Access, HTML CodeSniffer, Nu Html Checker, QualWeb, Tenon, Testaro, and WAVE) tested the web page of __org__ at __url__ to check its compliance with various <dfn>rules</dfn>. There were a total of about 1350 rules, classified into about 250 accessibility <dfn>issues</dfn>.</p>
+      <p>The results were interpreted to yield an aggregate score of __total__, where 0 would be <q>perfect</q>.</p>
+      <h2>Total score</h2>
+      <p>The total score is the sum of five components.</p>
       <table class="allBorder secondCellRight">
         <caption>Score summary</caption>
         <thead>
-          <tr><th>Component</th><th>Score</th></tr>
+          <tr><th>Component</th><th>Score</th><th>Description</th></tr>
         </thead>
         <tbody class="headersLeft">
-          <tr><th>total</th><td>__total__</td></tr>
-          <tr><th>issue</th><td>__issue__</td></tr>
-          <tr><th>tool</th><td>__tool__</td></tr>
-          <tr><th>prevention</th><td>__prevention__</td></tr>
-          <tr><th>log</th><td>__log__</td></tr>
-          <tr><th>latency</th><td>__latency__</td></tr>
+          <tr><th>total</th><td>__total__</td><td>Sum of the component scores</td></tr>
+          <tr><th>issue</th><td>__issue__</td><td>Severity and number of reported defects</td></tr>
+          <tr><th>tool</th><td>__tool__</td><td>Tool-by-tool defect ratings</td></tr>
+          <tr><th>prevention</th><td>__prevention__</td><td>Failed attempts by tools to test the page</td></tr>
+          <tr><th>log</th><td>__log__</td><td>Browser warnings about the page</td></tr>
+          <tr><th>latency</th><td>__latency__</td><td>Abnormal delay in page responses</td></tr>
         </tbody>
       </table>
+      <h2>Issue scores</h2>
+      <p>The score of an issue depends on the <dfn>severity</dfn> (user impact and certainty) of the issue and on how many instances were reported (by one or more tools).</p>
       <table class="allBorder secondCellRight">
         <caption>Issue scores</caption>
         <thead>
@@ -56,8 +59,10 @@
           __issueRows__
         </tbody>
       </table>
-      <h2>Issues</h2>
+      <h2>Itemized issues</h2>
+      <p>The reported rule violations are itemized below, issue by issue. Additional details can be inspected in the complete report at the end of this page.</p>
       __issueDetailRows__
+      <h2>Complete report</h2>
       <pre>__report__</pre>
       <footer>
         <p class="date">Produced <time itemprop="datePublished" datetime="__dateISO__">__dateSlash__</time></p>

package/procs/digest/tdp27/index.js

@@ -62,7 +62,7 @@ const populateQuery = (report, query) => {
   // Add paragraph groups about the issue details to the query.
   const issueDetailRows = [];
   issueIDs.forEach(issueID => {
-    issueDetailRows.push(`<h3>Issue <code>${issueID}</code></h3>`);
+    issueDetailRows.push(`<h3 class="bars">Issue <code>${issueID}</code></h3>`);
     issueDetailRows.push(`<p>WCAG: ${issueClasses[issueID].wcag || 'N/A'}</p>`);
     const issueData = details.issue[issueID];
     issueDetailRows.push(`<p>Score: ${issueData.score}</p>`);

package/reports/digested/style.css

@@ -47,10 +47,30 @@ fieldset {
 form {
   margin-top: 1rem;
 }
+h1, h2, h3, h4, h5, h6 {
+  margin-bottom: 0;
+}
 h2 {
+  font-size: 1.8rem;
   margin: 1rem auto 0.5rem auto;
   color: #006666;
 }
+h3 {
+  font-size: 1.6rem;
+}
+h3.bars {
+  border-top: solid black 0.1rem;
+  padding-top: 0.3rem;
+}
+h4 {
+  font-size: 1.4rem;
+}
+h5 {
+  font-size: 1.2rem;
+}
+h6 {
+  font-size: 1rem;
+}
 input {
   margin: 0.5rem 0;
   font-size: inherit;
@@ -58,6 +78,9 @@ input {
 legend {
   font-weight: 700;
 }
+pre {
+  white-space: break-spaces;
+}
 .secondCellRight td:nth-child(2) {
   text-align: right;
 }