testilo 3.6.0 → 3.6.1

package/package.json

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

package/procs/score/sp12a.js

@@ -29,11 +29,6 @@
   modified when the test is found to be higher or lower in quality than usual.
 */
 
-// ########## IMPORTS
-
-// Module to read and write files.
-const fs = require('fs/promises');
-
 // CONSTANTS
 
 const scoreProcID = 'sp12a';
@@ -64,12 +59,6 @@ const groups = {
   duplicateID: {
     weight: 3,
     packages: {
-      htmlcs: {
-        'e:AA.4_1_1.F77': {
-          quality: 1,
-          what: 'Duplicate id attribute value'
-        }
-      },
       alfa: {
         r3: {
           quality: 1,
@@ -82,6 +71,12 @@ const groups = {
           what: 'ID attribute value must be unique'
         }
       },
+      htmlcs: {
+        'e:AA.4_1_1.F77': {
+          quality: 1,
+          what: 'Duplicate id attribute value'
+        }
+      },
       ibm: {
         RPT_Elem_UniqueId: {
           quality: 1,
@@ -90,15 +85,20 @@ const groups = {
       }
     }
   },
-  imageInputNoText: {
+  textInputNoText: {
     weight: 4,
     packages: {
       htmlcs: {
-        'e:H36': {
+        'e:AA.4_1_2.H91.InputText.Name': {
           quality: 1,
-          what: 'Image submit button missing an alt attribute'
+          what: 'Text input has no accessible name'
         }
-      },
+      }
+    }
+  },
+  imageInputNoText: {
+    weight: 4,
+    packages: {
       alfa: {
         r28: {
           quality: 1,
@@ -111,6 +111,12 @@ const groups = {
           what: 'Image buttons must have alternate text'
         }
       },
+      htmlcs: {
+        'e:H36': {
+          quality: 1,
+          what: 'Image submit button has no alt attribute'
+        }
+      },
       ibm: {
         'v:WCAG20_Input_ExplicitLabelImage': {
           quality: 1,
@@ -196,12 +202,6 @@ const groups = {
   pageLanguage: {
     weight: 4,
     packages: {
-      htmlcs: {
-        'e:H57': {
-          quality: 1,
-          what: 'Lang attribute of the document element'
-        }
-      },
       alfa: {
         r4: {
           quality: 1,
@@ -214,6 +214,12 @@ const groups = {
           what: 'html element must have a lang attribute'
         }
       },
+      htmlcs: {
+        'e:H57': {
+          quality: 1,
+          what: 'Lang attribute of the document element'
+        }
+      },
       ibm: {
         WCAG20_Html_HasLang: {
           quality: 1,
@@ -254,12 +260,6 @@ const groups = {
   languageChange: {
     weight: 3,
     packages: {
-      htmlcs: {
-        'e:WCAG2AAA.Principle3.Guideline3_1.3_1_2.H58': {
-          quality: 1,
-          what: 'Change in language is not marked'
-        }
-      },
       alfa: {
         r7: {
           quality: 1,
@@ -271,24 +271,30 @@ const groups = {
           quality: 1,
           what: 'lang attribute must have a valid value'
         }
+      },
+      htmlcs: {
+        'e:WCAG2AAA.Principle3.Guideline3_1.3_1_2.H58': {
+          quality: 1,
+          what: 'Change in language is not marked'
+        }
       }
     }
   },
   objectNoText: {
     weight: 4,
     packages: {
-      htmlcs: {
-        'e:ARIA6+H53': {
-          quality: 1,
-          what: 'Object elements must contain a text alternative'
-        }
-      },
       axe: {
         'object-alt': {
           quality: 1,
           what: 'Object elements must have alternate text'
         }
       },
+      htmlcs: {
+        'e:ARIA6+H53': {
+          quality: 1,
+          what: 'Object elements must contain a text alternative'
+        }
+      },
       ibm: {
         'v:WCAG20_Object_HasText': {
           quality: 1,
@@ -306,18 +312,18 @@ const groups = {
   imageMapAreaNoText: {
     weight: 4,
     packages: {
-      htmlcs: {
-        'e:H24': {
-          quality: 1,
-          what: 'Area element in an image map missing an alt attribute'
-        }
-      },
       axe: {
         'area-alt': {
           quality: 1,
           what: 'Active area elements must have alternate text'
         }
       },
+      htmlcs: {
+        'e:H24': {
+          quality: 1,
+          what: 'Area element in an image map missing an alt attribute'
+        }
+      },
       ibm: {
         'v:HAAC_Img_UsemapAlt': {
           quality: 1,
@@ -353,13 +359,30 @@ const groups = {
       }
     }
   },
+  internalLinkBroken: {
+    weight: 4,
+    packages: {
+      htmlcs: {
+        'e:AA.2_4_1.G1,G123,G124.NoSuchID': {
+          quality: 1,
+          what: 'Internal link references a nonexistent destination'
+        }
+      },
+      wave: {
+        'a:label_orphaned': {
+          quality: 1,
+          what: 'Orphaned form label'
+        }
+      }
+    }
+  },
   labelForBadID: {
     weight: 4,
     packages: {
       htmlcs: {
-        'w:H44': {
+        'w:AA.1_3_1.H44.NonExistentFragment': {
           quality: 1,
-          what: 'Label for attribute is bad ID'
+          what: 'Label for attribute references a nonexistent element'
         }
       },
       wave: {
@@ -438,6 +461,17 @@ const groups = {
       }
     }
   },
+  destinationLink: {
+    weight: 2,
+    packages: {
+      htmlcs: {
+        'w:AA.4_1_2.H91.A.NoHref': {
+          quality: 1,
+          what: 'Link misused as link destination'
+        }
+      }
+    }
+  },
   textAreaNoText: {
     weight: 4,
     packages: {
@@ -601,6 +635,17 @@ const groups = {
       }
     }
   },
+  presentationChild: {
+    weight: 4,
+    packages: {
+      htmlcs: {
+        'e:AA.1_3_1.F92,ARIA4': {
+          quality: 1,
+          what: 'Element has presentation role but semantic child'
+        }
+      }
+    }
+  },
   fontSizeAbsolute: {
     weight: 2,
     packages: {
@@ -825,12 +870,6 @@ const groups = {
   autocompleteBad: {
     weight: 2,
     packages: {
-      htmlcs: {
-        'e:AA.1_3_5.H98': {
-          quality: 1,
-          what: 'Autocomplete attribute and the input type are mismatched'
-        }
-      },
       alfa: {
         r10: {
           quality: 1,
@@ -843,6 +882,12 @@ const groups = {
           what: 'Autocomplete attribute must be used correctly'
         }
       },
+      htmlcs: {
+        'e:AA.1_3_5.H98': {
+          quality: 1,
+          what: 'Autocomplete attribute and the input type are mismatched'
+        }
+      },
       ibm: {
         'v:WCAG21_Input_Autocomplete': {
           quality: 1,
@@ -854,16 +899,6 @@ const groups = {
   contrastAA: {
     weight: 3,
     packages: {
-      htmlcs: {
-        'e:AA.1_4_3.G145.Fail': {
-          quality: 1,
-          what: 'Contrast between the text and its background is less than 3:1.'
-        },
-        'e:AA.1_4_3.G18.Fail': {
-          quality: 1,
-          what: 'Contrast between the text and its background is less than 4.5:1'
-        }
-      },
       alfa: {
         r69: {
           quality: 1,
@@ -876,6 +911,16 @@ const groups = {
           what: 'Elements must have sufficient color contrast'
         }
       },
+      htmlcs: {
+        'e:AA.1_4_3.G145.Fail': {
+          quality: 1,
+          what: 'Contrast between the text and its background is less than 3:1.'
+        },
+        'e:AA.1_4_3.G18.Fail': {
+          quality: 1,
+          what: 'Contrast between the text and its background is less than 4.5:1'
+        }
+      },
       ibm: {
         'v:IBMA_Color_Contrast_WCAG2AA': {
           quality: 1,
@@ -893,12 +938,6 @@ const groups = {
   contrastAAA: {
     weight: 1,
     packages: {
-      htmlcs: {
-        'e:WCAG2AAA.Principle1.Guideline1_4.1_4_3.G18': {
-          quality: 1,
-          what: 'Insufficient contrast'
-        }
-      },
       alfa: {
         r66: {
           quality: 1,
@@ -911,6 +950,12 @@ const groups = {
           what: 'Elements must have sufficient color contrast (Level AAA)'
         }
       },
+      htmlcs: {
+        'e:WCAG2AAA.Principle1.Guideline1_4.1_4_3.G18': {
+          quality: 1,
+          what: 'Insufficient contrast'
+        }
+      },
       tenon: {
         95: {
           quality: 1,
@@ -1139,7 +1184,18 @@ const groups = {
       }
     }
   },
-  pseudoListRisk: {
+  pseudoOrderedListRisk: {
+    weight: 1,
+    packages: {
+      htmlcs: {
+        'w:AA.1_3_1.H48.2': {
+          quality: 1,
+          what: 'Ordered list may fail to be coded as such'
+        }
+      }
+    }
+  },
+  pseudoNavListRisk: {
     weight: 1,
     packages: {
       htmlcs: {
@@ -1224,6 +1280,39 @@ const groups = {
       }
     }
   },
+  legendMissing: {
+    weight: 2,
+    packages: {
+      htmlcs: {
+        'e:AA.1_3_1.H71.NoLegend': {
+          quality: 1,
+          what: 'Fieldset has no legend element'
+        }
+      }
+    }
+  },
+  fieldSetName: {
+    weight: 3,
+    packages: {
+      htmlcs: {
+        'e:AA.4_1_2.H91.Fieldset.Name': {
+          quality: 1,
+          what: 'Fieldset has no accessible name'
+        }
+      }
+    }
+  },
+  tableCaption: {
+    weight: 1,
+    packages: {
+      htmlcs: {
+        'w:AA.1_3_1.H39.3.NoCaption': {
+          quality: 1,
+          what: 'Table has no caption element'
+        }
+      }
+    }
+  },
   nameValue: {
     weight: 4,
     packages: {
@@ -1605,7 +1694,7 @@ const groups = {
       }
     }
   },
-  noScriptRisk: {
+  obsoleteElement: {
     weight: 1,
     packages: {
       htmlcs: {
@@ -1615,6 +1704,17 @@ const groups = {
         }
       }
     }
+  },
+  obsoleteAttribute: {
+    weight: 1,
+    packages: {
+      htmlcs: {
+        'e:AA.1_3_1.H49.AlignAttr': {
+          quality: 1,
+          what: 'The align attribute is obsolete'
+        }
+      }
+    }
   }
 };
 

package/reports/comparative/railsites.html

@@ -1,47 +0,0 @@
-<!DOCTYPE HTML>
-<html lang="en-US">
-  <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta name="author" content="Testilo">
-    <meta name="creator" content="Testilo">
-    <meta name="publisher" name="Testilo">
-    <meta name="description" content="comparison of accessibility scores from tsp10 procedure">
-    <meta name="keywords" content="accessibility a11y web testing">
-    <title>Accessibility score comparison</title>
-    <link rel="icon" href="favicon.png">
-    <link rel="stylesheet" href="style.css">
-  </head>
-  <body>
-    <main>
-      <header>
-        <h1>Accessibility score comparison</h1>
-      </header>
-      <h2>Introduction</h2>
-      <p>The table below compares 2 web pages on <a href="https://www.w3.org/WAI/fundamentals/accessibility-intro/">accessibility</a>. The page names link to the pages on the web. The scores link to digests that explain in detail how the scores were computed.</p>
-      <p>The pages were:</p>
-      <div id="summary">
-        <p>Tested by <a href="https://www.npmjs.com/package/testaro">Testaro</a> with procedure <code>tp10</code></p>
-        <p>Scored by <a href="https://www.npmjs.com/package/testilo">Testilo</a> with procedure <code>sp10a</code></p>
-        <p>Digested by Testilo with procedure <code>dp10a</code></p>
-        <p>Compared by Testilo with procedure <code>cp0</code></p>
-      </div>
-      <p>The <code>tp10</code> procedure performs 808 tests on each page. Of these, 16 tests are custom tests defined by Testaro, and the others belong to packages of tests created by others.</p>
-      <p>Tests and scoring formulae are fallible and subjective. The reported faults merit investigation as potential opportunities for improved accessibility. But some may not actually harm accessibility, and some other accessibility faults may have escaped detection. Different reasonable procedures could yield different test results and different scores. Testaro and Testilo can be customized to fit different definitions and weightings of types of accessibility.</p>
-      <h2>Comparison</h2>
-      <table class="allBorder">
-        <caption>Accessibility scores of web pages</caption>
-        <thead>
-          <tr><th scope="col">Page</th><th scope="col" colspan="2">Score (lower is better)</tr>
-        </thead>
-        <tbody class="linkSmaller secondCellRight">
-          <tr><th scope="row"><a href="https://www.railpass.com/">Railpass</a></th><td><a href="digests/35k1r-railpass.html">1589</a></td><td aria-hidden="true"><svg width="100%" height="0.7em"><rect height="100%" width="23.159889228975366%" fill="red"></rect></svg></td></tr>
-          <tr><th scope="row"><a href="https://www.eurail.com/en">Eurail</a></th><td><a href="digests/3aee6-eurail.html">6861</a></td><td aria-hidden="true"><svg width="100%" height="0.7em"><rect height="100%" width="100%" fill="red"></rect></svg></td></tr>
-        </tbody>
-      </table>
-      <footer>
-        <p class="date">Produced <time itemprop="datePublished" datetime="2022-06-08">2022/06/08</time></p>
-      </footer>
-    </main>
-  </body>
-</html>