testaro 60.10.2 → 60.11.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "testaro",
-  "version": "60.10.2",
+  "version": "60.11.0",
   "description": "Run 1000 web accessibility tests from 11 tools and get a standardized report",
   "main": "index.js",
   "scripts": {

package/procs/testaro.js

@@ -157,3 +157,70 @@ exports.simplify = async (page, withItems, ruleData) => {
   // Return the result.
   return result;
 };
+// Performs a standard test.
+exports.doTest = async (
+  page,
+  withItems,
+  ruleID,
+  candidateSelector,
+  whats,
+  severity,
+  summaryTagName,
+  getBadWhatString
+) => {
+  // Return totals and standard instances for the rule.
+  return await page.evaluate(args => {
+    const [
+      withItems,
+      ruleID,
+      candidateSelector,
+      whats,
+      severity,
+      summaryTagName,
+      getBadWhatString
+    ] = args;
+    // Get all candidates.
+    const candidates = document.body.querySelectorAll(candidateSelector);
+    let violationCount = 0;
+    const instances = [];
+    // Get a violation function.
+    const getBadWhat = eval(`(${getBadWhatString})`);
+    // For each candidate:
+    candidates.forEach(element => {
+      const violationWhat = getBadWhat(element);
+      // If it violates the rule:
+      if (violationWhat) {
+        // Increment the violation count.
+        violationCount++;
+        // If itemization is required:
+        if (withItems) {
+          // Add an instance to the instances.
+          instances.push(
+            window.getInstance(element, ruleID, violationWhat, 1, severity)
+          );
+        }
+      }
+    });
+    // If there are any violations and itemization is not required:
+    if (violationCount && ! withItems) {
+      // Add a summary instance to the instances.
+      instances.push(
+        window.getInstance(null, ruleID, whats, violationCount, severity, summaryTagName)
+      );
+    }
+    return {
+      data: {},
+      totals: [0, 0, 0, violationCount],
+      standardInstances: instances
+    }
+  }, [
+      withItems,
+      ruleID,
+      candidateSelector,
+      whats,
+      severity,
+      summaryTagName,
+      getBadWhatString
+    ]
+  );
+};

package/testaro/adbID.js

@@ -32,81 +32,50 @@
   the implementation of a test for a similar rule in the Tenon tool.
 */
 
+// IMPORTS
+
+const {doTest} = require('../procs/testaro');
+
 // FUNCTIONS
 
 // Runs the test and returns the result.
 exports.reporter = async (page, withItems) => {
-  // Return totals and standard instances for the rule.
-  return await page.evaluate(withItems => {
-    // Get all candidates, i.e. elements with aria-describedby attributes.
-    const candidates = document.body.querySelectorAll('[aria-describedby]');
-    let violationCount = 0;
-    const instances = [];
-    // For each candidate:
-    candidates.forEach(element => {
-      // Get the IDs in its aria-describedby attribute.
-      const IDs = element.getAttribute('aria-describedby').trim().split(/\s+/).filter(Boolean);
-      // If there are none:
-      if (! IDs.length) {
-        // Increment the violation count.
-        violationCount++;
-        // If itemization is required:
-        if (withItems) {
-          const what = 'Element has an aria-describedby attribute with no value';
-          // Add an instance to the instances.
-          instances.push(window.getInstance(element, 'adbID', what, 1, 3));
+  // Define a violation function for execution in the browser.
+  const getBadWhat = element => {
+    // Get the IDs in the aria-describedby attribute of the element.
+    const IDs = element.getAttribute('aria-describedby').trim().split(/\s+/).filter(Boolean);
+    // If there are none:
+    if (! IDs.length) {
+      // Return a violation description.
+      return 'Element has an aria-describedby attribute with no value';
+    }
+    // Otherwise, i.e. if there is at least 1 ID:
+    else {
+      // For each ID:
+      for (const id of IDs) {
+        // Get the element with that ID.
+        const describer = document.getElementById(id);
+        // If it doesn't exist:
+        if (! describer) {
+          // Return a violation description.
+          return `No element has the aria-describedby ID ${id}`;
         }
-      }
-      // Otherwise, i.e. if there is at least 1 ID:
-      else {
-        // For each ID:
-        for (const id of IDs) {
-          // Get the element with that ID.
-          const describer = document.getElementById(id);
-          // If it doesn't exist:
-          if (! describer) {
-            // Increment the violation count.
-            violationCount++;
-            // If itemization is required:
-            if (withItems) {
-              const what = `No element has the aria-describedby ID ${id}`;
-              // Add an instance to the instances.
-              instances.push(window.getInstance(element, 'adbID', what, 1, 3));
-            }
-            // Stop checking the element.
-            break;
-          }
-          // Otherwise, i.e. if it exists:
-          else {
-            // Get the elements with that ID.
-            const sameIDElements = document.querySelectorAll(`#${id}`);
-            // If there is more than one:
-            if (sameIDElements.length > 1) {
-              // Increment the violation count.
-              violationCount++;
-              // If itemization is required:
-              if (withItems) {
-                const what = `Multiple elements share the aria-describedby ID ${id}`;
-                // Add an instance to the instances.
-                instances.push(window.getInstance(element, 'adbID', what, 1, 2));
-              }
-              // Stop checking the element.
-              break;
-            }
+        // Otherwise, i.e. if it exists:
+        else {
+          // Get the elements with that ID.
+          const sameIDElements = document.querySelectorAll(`#${id}`);
+          // If there is more than one:
+          if (sameIDElements.length > 1) {
+            // Return a violation description.
+            return `Multiple elements share the aria-describedby ID ${id}`;
           }
         }
       }
-    });
-    // If there were any violations and itemization is not required:
-    if (violationCount && ! withItems) {
-      const what = 'Elements have aria-describedby attributes with missing or invalid id values';
-      // Add a summary instance to the instances.
-      instances.push(window.getInstance(null, 'adbID', what, violationCount, 3));
     }
-    return {
-      data: {},
-      totals: [0, violationCount, 0, 0],
-      standardInstances: instances
-    };
-  }, withItems);
+  };
+  const whats = 'Elements have aria-describedby attributes with missing or invalid id values';
+  // Perform the test and return the result.
+  return doTest(
+    page, withItems, 'adbID', '[aria-describedby]', whats, 3, null, getBadWhat.toString()
+  );
 };

package/testaro/altScheme.js

@@ -29,49 +29,35 @@
   Identify img elements whose alt attribute is a URL or file name.
 */
 
+// IMPORTS
+
+const {doTest} = require('../procs/testaro');
+
 // FUNCTIONS
 
 // Runs the test and returns the result.
 exports.reporter = async (page, withItems) => {
-  // Return totals and standard instances for the rule.
-  return await page.evaluate(withItems => {
-    // Get all candidates, i.e. img elements with alt attributes.
-    const candidates = document.body.querySelectorAll('img[alt]');
-    let violationCount = 0;
-    const instances = [];
-    // For each candidate:
-    candidates.forEach(element => {
-      const alt = (element.getAttribute('alt') || '').trim();
-      // If it is non-empty:
-      if (alt) {
-        const isURL = /^(?:https?:|file:|ftp:)\S+$/i.test(alt);
-        const isFileName = /favicon|^\S+\.(?:png|jpe?g|gif|svg|webp|ico)$/i.test(alt);
-        // If it is a URL or file name:
-        if (isURL || isFileName) {
-          // Increment the violation count.
-          violationCount++;
-          // If itemization is required:
-          if (withItems) {
-            const valueType = isURL && isFileName
-            ? 'the URL of an image file'
-            : (isURL ? 'a URL' : 'a file name');
-            const what = `img element has an alt attribute with ${valueType} as its value`;
-            // Add an instance to the instances.
-            instances.push(window.getInstance(element, 'altScheme', what, 1, 2));
-          }
-        }
+  // Define a violation function for execution in the browser.
+  const getBadWhat = element => {
+    // Get the value of the alt attribute of the element.
+    const alt = (element.getAttribute('alt') || '').trim();
+    // If it is non-empty:
+    if (alt) {
+      const isURL = /^(?:https?:|file:|ftp:)\S+$/i.test(alt);
+      const isFileName = /favicon|^\S+\.(?:png|jpe?g|gif|svg|webp|ico)$/i.test(alt);
+      // If it is a URL or file name:
+      if (isURL || isFileName) {
+        const valueType = isURL && isFileName
+        ? 'the URL of an image file'
+        : (isURL ? 'a URL' : 'a file name');
+        // Return a violation description.
+        return `img element has an alt attribute with ${valueType} as its value`;
       }
-    });
-    // If there were any violations and itemization is not required:
-    if (violationCount && ! withItems) {
-      const what = 'img elements have alt attributes with URL or filename values';
-      // Add a summary instance to the instances.
-      instances.push(window.getInstance(null, 'altScheme', what, violationCount, 2, 'IMG'));
     }
-    return {
-      data: {},
-      totals: [0, violationCount, 0, 0],
-      standardInstances: instances
-    };
-  }, withItems);
+  };
+  const whats = 'img elements have alt attributes with URL or filename values';
+  // Perform the test and return the result.
+  return doTest(
+    page, withItems, 'altScheme', 'img[alt]', whats, 1, 'IMG', getBadWhat.toString()
+  );
 };

package/testaro/captionLoc.js

@@ -1,6 +1,7 @@
 /*
   © 2025 CVS Health and/or one of its affiliates. All rights reserved.
   © 2025 Juan S. Casado. All rights reserved.
+  © 2025 Jonathan Robert Pool. All rights reserved.
 
   MIT License
 
@@ -25,24 +26,28 @@
 
 /*
   captionLoc
-  Report caption elements that are not the first child of their table element.
+  Report caption elements that are not the first children of table elements.
 */
 
-const {init, getRuleResult} = require('../procs/testaro');
+// IMPORTS
+
+const {doTest} = require('../procs/testaro');
+
+// FUNCTIONS
 
 exports.reporter = async (page, withItems) => {
-  const all = await init(100, page, 'caption');
-  for (const loc of all.allLocs) {
-    const isBad = await loc.evaluate(el => {
-      const parent = el.parentElement;
-      if (!parent || parent.tagName !== 'TABLE') return false;
-      return parent.firstElementChild !== el;
-    });
-    if (isBad) all.locs.push(loc);
-  }
-  const whats = [
-    'Element is not the first child of a table element',
-    'caption elements are not the first children of table elements'
-  ];
-  return await getRuleResult(withItems, all, 'captionLoc', whats, 3, 'CAPTION');
+  // Define a violation function for execution in the browser.
+  const getBadWhat = element => {
+    const parent = element.parentElement;
+    // If the element is not the first child of a table element:
+    if (! parent || parent.tagName !== 'TABLE' || parent.firstElementChild !== element) {
+      // Return a violation description.
+      return 'caption element is not the first child of a table element';
+    }
+  };
+  const whats = 'caption elements are not the first children of table elements';
+  // Perform the test and return the result.
+  return doTest(
+    page, withItems, 'captionLoc', 'caption', whats, 3, 'CAPTION', getBadWhat.toString()
+  );
 };

package/testaro/datalistRef.js

@@ -1,6 +1,7 @@
 /*
   © 2025 CVS Health and/or one of its affiliates. All rights reserved.
   © 2025 Juan S. Casado. All rights reserved.
+  © 2025 Jonathan Robert Pool. All rights reserved.
 
   MIT License
 
@@ -28,22 +29,39 @@
   Report inputs whose list attribute references a missing or ambiguous datalist
 */
 
-const {init, getRuleResult} = require('../procs/testaro');
+// IMPORTS
+
+const {doTest} = require('../procs/testaro');
+
+// FUNCTIONS
 
 exports.reporter = async (page, withItems) => {
-  const all = await init(100, page, 'input[list]');
-  for (const loc of all.allLocs) {
-    const isBad = await loc.evaluate(el => {
-      const list = el.getAttribute('list');
-      if (!list) return false;
-      const matches = Array.from(document.querySelectorAll('datalist')).filter(d => d.id === list);
-      return matches.length !== 1;
-    });
-    if (isBad) all.locs.push(loc);
-  }
-  const whats = [
-    'list attribute of the element references an ambiguous or missing datalist element',
-    'list attributes of elements reference ambiguous or missing datalist elements'
-  ];
-  return await getRuleResult(withItems, all, 'datalistRef', whats, 3, 'INPUT');
+  const getBadWhat = element => {
+    // Get the ID of the datalist element referenced by the list attribute of the element.
+    const listID = element.getAttribute('list');
+    // If the element has a list attribute with a non-empty value:
+    if (listID) {
+      // Get the element it references.
+      const listElement = document.getElementById(listID);
+      // If no such element exists:
+      if (! listElement) {
+        // Return a violation description.
+        return 'input element list attribute references a missing element';
+      }
+      // Otherwise, if the element it references is not a datalist:
+      if (listElement.tagName.toLowerCase() !== 'datalist') {
+        // Return a violation description.
+        return 'input element list attribute references a non-datalist element';
+      }
+    }
+    // Otherwise, i.e. if it has no list attribute with a non-empty value:
+    else {
+      // Return a violation description.
+      return 'input element list attribute is empty';
+    }
+  };
+  const whats = 'list attributes of input elements are empty or IDs of no or non-datalist elements';
+  return doTest(
+    page, withItems, 'datalistRef', 'input[list]', whats, 3, 'INPUT', getBadWhat.toString()
+  );
 };

package/testaro/embAc.js

@@ -30,41 +30,23 @@
   non-obvious what a user will activate with a click.
 */
 
-// ########## IMPORTS
+// IMPORTS
 
-// Module to perform common operations.
-const {init, getRuleResult} = require('../procs/testaro');
+const {doTest} = require('../procs/testaro');
 
-// ########## FUNCTIONS
+// FUNCTIONS
 
-// Runs the test and returns the result.
 exports.reporter = async (page, withItems) => {
-  // Initialize the locators and result.
-  const all = await init(
-    100,
-    page,
-    'a a, a button, a input, a select, button a, button button, button input, button select'
-  );
-  // For each locator:
-  for (const loc of all.allLocs) {
-    // Get whether its embedder is a link or a button.
-    const embedderTagName = await loc.evaluate(element => {
-      const embedder = element.parentElement.closest('a, button');
-      return embedder ? embedder.tagName : '';
-    });
-    let param = 'a link or button';
-    if (embedderTagName === 'A') {
-      param = 'a link';
-    }
-    else if (embedderTagName === 'BUTTON') {
-      param = 'a button';
-    }
-    all.locs.push([loc, param]);
-  }
-  // Populate and return the result.
-  const whats = [
-    'Interactive element is embedded in __param__',
-    'Interactive elements are contained by links or buttons'
-  ];
-  return await getRuleResult(withItems, all, 'embAc', whats, 2);
+  const getBadWhat = element => {
+    // Get whether the embedding element is a link or a button.
+    const embedder = element.parentElement.closest('a, button');
+    const embedderWhat = embedder.tagName.toLowerCase() === 'a' ? 'a link' : 'a button';
+    // Return a violation description.
+    return `interactive element is embedded in ${embedderWhat}`;
+  };
+  const selector = ['a', 'button', 'input', 'select']
+  .map(tag => `a ${tag}, button ${tag}`)
+  .join(', ');
+  const whats = 'interactive elements are embedded in links or buttons';
+  return doTest(page, withItems, 'embAc', selector, whats, 2, null, getBadWhat.toString());
 };

package/testaro/focInd.js

@@ -41,90 +41,74 @@
   WARNING: This test fails to recognize outlines when run with firefox.
 */
 
-// ########## IMPORTS
+// IMPORTS
 
-// Module to perform common operations.
-const {init, getRuleResult} = require('../procs/testaro');
+const {doTest} = require('../procs/testaro');
 
-// ########## FUNCTIONS
+// FUNCTIONS
 
 // Runs the test and returns the result.
 exports.reporter = async (page, withItems) => {
-  // Initialize the locators and result.
-  const all = await init(100, page, 'body *:visible');
-  all.result.data.focusableCount = 0;
-  // For each locator:
-  for (const loc of all.allLocs) {
-    // Get whether its element is focusable.
-    const isFocusable = await loc.evaluate(el => el.tabIndex === 0);
-    // If it is:
-    if (isFocusable) {
-      // Add this to the report.
-      all.result.data.focusableCount++;
-      // Get whether it has a nonstandard focus indicator.
-      const hasBadIndicator = await loc.evaluate(el => {
-        // Get the live style declaration of the element.
-        const styleDec = window.getComputedStyle(el);
-        // If the element has an outline:
+  // Define a violation function for execution in the browser.
+  const getBadWhat = element => {
+    // Get whether the element is visible.
+    const isVisible = element.checkVisibility({
+      contentVisibilityAuto: true,
+      opacityProperty: true,
+      visibilityProperty: true
+    });
+    // If so:
+    if (isVisible) {
+      // Get whether it is focusable.
+      const isFocusable = element.tabIndex === 0;
+      // If so:
+      if (isFocusable) {
+        // Get its live style declaration.
+        const styleDec = window.getComputedStyle(element);
+        // If the element has an outline before being focused:
         if (styleDec.outlineWidth !== '0px') {
-          // Return a violation.
-          return 'an outline when blurred';
+          // Return a violation description.
+          return 'Element is focusable but has an outline when blurred';
         }
-        // Otherwise, i.e. if the element has no outline:
-        else {
-          // Focus the element.
-          el.focus({preventScroll: true});
-          // If it now has no outline:
-          if (styleDec.outlineWidth === '0px') {
-            // Return this violation.
-            return 'no focus outline';
-          }
-          // Otherwise, if it now has an outline thinner than 2 pixels:
-          else if (Number.parseFloat(styleDec.outlineWidth) < 2) {
-            // Return this violation.
-            return 'a focus outline thinner than 2 pixels';
-          }
-          // Otherwise, if it now has a transparent outline:
-          else if (styleDec.outlineColor === 'rgba(0, 0, 0, 0)') {
-            // Return this violation.
-            return 'a transparent focus outline';
-          }
-          // Otherwise, if it now has a non-solid outline:
-          else if (styleDec.outlineStyle !== 'solid') {
-            // If the outline style exists:
-            if (styleDec.outlineStyle) {
-              // If the style is delegated to the user agent:
-              if (styleDec.outlineStyle === 'auto') {
-                // Return conformance.
-                return false;
-              }
-              // Otherwise, i.e. if the style is not delegated to the user agent:
-              else {
-                // Return this violation.
-                return `a focus outline with the ${styleDec.outlineStyle} instead of solid style`;
-              }
-            }
-            // Otherwise, i.e. if no outline style exists:
-            else {
-              // Return this violation.
-              return 'a focus outline with no style instead of solid style';
+        // Otherwise, i.e. if the element has no outline, focus the element.
+        element.focus({preventScroll: true});
+        // If it now has no outline:
+        if (styleDec.outlineWidth === '0px') {
+          // Return a violation description.
+          return 'Element when focused has no outline';
+        }
+        // Otherwise, if it now has an outline thinner than 2 pixels:
+        if (Number.parseFloat(styleDec.outlineWidth) < 2) {
+          // Return a violation description.
+          return 'Element when focused has an outline thinner than 2 pixels';
+        }
+        // Otherwise, if it now has a transparent outline:
+        if (styleDec.outlineColor === 'rgba(0, 0, 0, 0)') {
+          // Return a violation description.
+          return 'Element when focused has a transparent outline';
+        }
+        // Otherwise, if it now has a non-solid outline:
+        if (styleDec.outlineStyle !== 'solid') {
+          // If the outline style exists:
+          if (styleDec.outlineStyle) {
+            // If the style is not delegated to the user agent:
+            if (styleDec.outlineStyle !== 'auto') {
+              // Return a violation description
+              return `Element when focused has an outline with the ${styleDec.outlineStyle} instead of solid style`;
             }
           }
-          // Otherwise, i.e. if the element now has a standard outline:
+          // Otherwise, i.e. if no outline style exists:
           else {
-            // Return conformance.
-            return false;
+            // Return a violation description.
+            return 'Element when focused has an outline with no instead of solid style';
           }
         }
-      });
-      // If it does:
-      if (hasBadIndicator) {
-        // Add the locator to the array of violators.
-        all.locs.push([loc, hasBadIndicator]);
       }
     }
-  }
-  // Populate and return the result.
-  const whats = ['Element has __param__', 'Elements fail to have standard focus indicators'];
-  return await getRuleResult(withItems, all, 'focInd', whats, 1);
+  };
+  const whats = 'Elements fail to have standard focus indicators';
+  // Perform the test and return the result.
+  return doTest(
+    page, withItems, 'focInd', 'body *', whats, 1, null, getBadWhat.toString()
+  );
 };

package/testaro/lineHeight.js

@@ -32,54 +32,41 @@
   their subtrees are excluded.
 */
 
+// IMPORTS
+
+const {doTest} = require('../procs/testaro');
+
 // FUNCTIONS
 
 // Runs the test and returns the result.
 exports.reporter = async (page, withItems) => {
-  // Return totals and standard instances for the rule.
-  return await page.evaluate(withItems => {
-    // Get all elements.
-    const allElements = document.body.querySelectorAll('*');
-    // Get all violation candidates, i.e. elements that have non-empty child text nodes.
-    const candidates = Array.from(allElements).filter(el =>
-      Array.from(el.childNodes).some(child =>
-        child.nodeType === Node.TEXT_NODE &&
-        child.textContent.trim().length
-      )
+  // Define a violation function for execution in the browser.
+  const getBadWhat = element => {
+    // Get whether the element has a non-spacing child text node.
+    const hasText = Array.from(element.childNodes).some(child =>
+      child.nodeType === Node.TEXT_NODE && child.textContent.trim()
     );
-    let violationCount = 0;
-    const instances = [];
-    // For each candidate:
-    candidates.forEach(element => {
+    // If so:
+    if (hasText) {
       // Get its relevant style properties.
       const styleDec = window.getComputedStyle(element);
       const {fontSize, lineHeight} = styleDec;
       const fontSizeNum = Number.parseFloat(fontSize);
       const lineHeightNum = Number.parseFloat(lineHeight);
-      // If it violates the rule:
-      if (lineHeightNum < 1.495 * fontSizeNum) {
-        // Increment the violation count.
-        violationCount++;
-        // If itemization is required:
-        if (withItems) {
-          const fontSizeRounded = fontSizeNum.toFixed(1);
-          const lineHeightRounded = lineHeightNum.toFixed(1);
-          const what = `Element line height (${lineHeightRounded}px) is less than 1.5 times its font size (${fontSizeRounded}px)`;
-          // Add an instance to the instances.
-          instances.push(window.getInstance(element, 'lineHeight', what, 1, 1));
-        }
+      // Get whether it violates the rule.
+      const isBad = lineHeightNum < 1.495 * fontSizeNum;
+      // If it does:
+      if (isBad) {
+        const whatFontSize = `font size (${fontSizeNum.toFixed(1)}px)`;
+        const whatLineHeight = `line height (${lineHeightNum.toFixed(1)}px)`;
+        // Return a violation description.
+        return `Element ${whatLineHeight} is less than 1.5 times its ${whatFontSize}`;
       }
-    });
-    // If there were any violations and itemization is not required:
-    if (violationCount && ! withItems) {
-      const what = 'Element line heights are less than 1.5 times their font sizes';
-      // Add a summary instance to the instances.
-      instances.push(window.getInstance(null, 'lineHeight', what, violationCount, 1));
     }
-    return {
-      data: {},
-      totals: [0, violationCount, 0, 0],
-      standardInstances: instances
-    };
-  }, withItems);
+  };
+  const whats = 'Element line heights are less than 1.5 times their font sizes';
+  // Perform the test and return the result.
+  return doTest(
+    page, withItems, 'lineHeight', '*', whats, 1, null, getBadWhat.toString()
+  );
 };

package/testaro/miniText-orig.js

@@ -0,0 +1,62 @@
+/*
+  © 2022–2023 CVS Health and/or one of its affiliates. All rights reserved.
+
+  MIT License
+
+  Permission is hereby granted, free of charge, to any person obtaining a copy
+  of this software and associated documentation files (the "Software"), to deal
+  in the Software without restriction, including without limitation the rights
+  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+  copies of the Software, and to permit persons to whom the Software is
+  furnished to do so, subject to the following conditions:
+
+  The above copyright notice and this permission notice shall be included in all
+  copies or substantial portions of the Software.
+
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+  SOFTWARE.
+*/
+
+/*
+  miniText
+  Derived from the bbc-a11y textCannotBeTooSmall test.
+  Related to Tenon rule 134.
+  This test reports elements with font sizes smaller than 11 pixels.
+*/
+
+// Module to perform common operations.
+const {init, getRuleResult} = require('../procs/testaro');
+
+// ########## FUNCTIONS
+
+// Runs the test and returns the result.
+exports.reporter = async (page, withItems) => {
+  // Initialize the locators and result.
+  const all = await init(100, page, 'body *:not(script, style):visible', {hasText: /[^\s]+/});
+  // For each locator:
+  for (const loc of all.allLocs) {
+    // Get the font size of its element if less than 11 pixels.
+    const fontSize = await loc.evaluate(el => {
+      const styleDec = window.getComputedStyle(el);
+      const fontSizeString = styleDec.fontSize;
+      const fontSize = Number.parseFloat(fontSizeString);
+      return fontSize < 11 ? fontSize : null;
+    });
+    // If it violates the rule:
+    if (fontSize) {
+      // Add the locator to the array of violators.
+      all.locs.push([loc, fontSize]);
+    }
+  }
+  // Populate and return the result.
+  const whats = [
+    'Element has a font size of __param__ pixels, smaller than 11 pixels',
+    'Elements have font sizes smaller than 11 pixels'
+  ];
+  return await getRuleResult(withItems, all, 'miniText', whats, 2);
+};

package/testaro/miniText.js

@@ -1,5 +1,6 @@
 /*
   © 2022–2023 CVS Health and/or one of its affiliates. All rights reserved.
+  © 2025 Jonathan Robert Pool. All rights reserved.
 
   MIT License
 
@@ -29,34 +30,38 @@
   This test reports elements with font sizes smaller than 11 pixels.
 */
 
-// Module to perform common operations.
-const {init, getRuleResult} = require('../procs/testaro');
+// IMPORTS
 
-// ########## FUNCTIONS
+const {doTest} = require('../procs/testaro');
+
+// FUNCTIONS
 
-// Runs the test and returns the result.
 exports.reporter = async (page, withItems) => {
-  // Initialize the locators and result.
-  const all = await init(100, page, 'body *:not(script, style):visible', {hasText: /[^\s]+/});
-  // For each locator:
-  for (const loc of all.allLocs) {
-    // Get the font size of its element if less than 11 pixels.
-    const fontSize = await loc.evaluate(el => {
-      const styleDec = window.getComputedStyle(el);
-      const fontSizeString = styleDec.fontSize;
-      const fontSize = Number.parseFloat(fontSizeString);
-      return fontSize < 11 ? fontSize : null;
-    });
-    // If it violates the rule:
-    if (fontSize) {
-      // Add the locator to the array of violators.
-      all.locs.push([loc, fontSize]);
+  const getBadWhat = element => {
+    const rawText = element.textContent || '';
+    // If the element has text content with any non-whitespace:
+    if (/[^\s]/.test(rawText)) {
+      const isVisible = element.checkVisibility({
+        contentVisibilityAuto: true,
+        opacityProperty: true,
+        visibilityProperty: true
+      });
+      // If the element is visible:
+      if (isVisible) {
+        const styleDec = window.getComputedStyle(element);
+        // Get its font size.
+        const fontSizeString = styleDec.fontSize;
+        const fontSize = Number.parseFloat(fontSizeString);
+        // If its font size is smaller than 11 pixels:
+        if (fontSize < 11) {
+          // Return a violation description.
+          return `Element is visible but its font size is ${fontSize}px, smaller than 11px`;
+        }
+      }
     }
-  }
-  // Populate and return the result.
-  const whats = [
-    'Element has a font size of __param__ pixels, smaller than 11 pixels',
-    'Elements have font sizes smaller than 11 pixels'
-  ];
-  return await getRuleResult(withItems, all, 'miniText', whats, 2);
+  };
+  const whats = 'Visible elements have font sizes smaller than 11 pixels';
+  return doTest(
+    page, withItems, 'miniText', 'body *:not(script, style)', whats, 2, '', getBadWhat.toString()
+  );
 };

package/validation/tests/targets/datalistRef/index.html

@@ -31,23 +31,16 @@
   </head>
   <body>
     <main>
-      <h1>Page with correct and erroneous datalist references</h1>
+      <h1 id="nonDatalist">Page with correct and erroneous datalist references</h1>
       <form onsubmit="alert('Thank you for your submission')">
         <datalist id="okDatalist">
           <option value="red">
           <option value="yellow">
         </datalist>
-        <datalist id="badDatalist">
-          <option value="paper">
-          <option value="plastic">
-        </datalist>
-        <datalist id="badDatalist">
-          <option value="metal">
-          <option value="stone">
-        </datalist>
         <p><label>Name a color: <input type="text" name="color" list="okDatalist"></label></p>
-        <p><label>Name a material: <input type="text" name="material" list="badDatalist"></label></p>
+        <p><label>Name a material: <input type="text" name="material" list></label></p>
         <p><label>Name a city: <input type="text" name="city" list="noDatalist"></label></p>
+        <p><label>Name a thing: <input type="text" name="thing" list="nonDatalist"></label></p>
         <p><button>Submit</button></p>
       </form>
       <p>The material and city inputs are defective.</p>