@govtechsg/oobee 0.10.86 → 0.10.88

package/dist/mergeAxeResults/itemReferences.js

@@ -25,31 +25,66 @@ export const buildHtmlGroups = (rule, items, pageUrl) => {
         }
     });
 };
+/*
+// Commenting this out for now as we are not including htmlGroups in the embedded report payload to keep it lean.
+// We can revisit this if we want to include htmlGroups in the future and need a reference builder for it.
+const toHtmlGroupReference = (item: any) => {
+  if (typeof item === 'string') {
+    return item;
+  }
+
+  return `${item?.html || 'No HTML element'}\x00${item?.xpath || ''}`;
+};
+
+const cloneCategoryWithReferenceItems = (category: ScanCategory): ScanCategory =>
+  ({
+    ...category,
+    rules: category.rules.map(
+      rule =>
+        ({
+          ...rule,
+          pagesAffected: rule.pagesAffected.map(
+            page => {
+              const { items, ...pageWithoutItems } = page;
+
+              return {
+                ...pageWithoutItems,
+                itemsCount: page.itemsCount ?? (Array.isArray(items) ? items.length : 0),
+                items: Array.isArray(items) ? items.map(toHtmlGroupReference) : items,
+              } as any;
+            },
+          ),
+        }) as any,
+    ),
+  }) as ScanCategory;
+*/
+const cloneCategoryLight = (category, includeHtmlGroups) => ({
+    ...category,
+    rules: category.rules.map(rule => ({
+        rule: rule.rule,
+        description: rule.description,
+        helpUrl: rule.helpUrl,
+        conformance: rule.conformance,
+        totalItems: rule.totalItems,
+        axeImpact: rule.axeImpact,
+        ...(includeHtmlGroups && rule.htmlGroups ? { htmlGroups: rule.htmlGroups } : {}),
+        pagesAffected: rule.pagesAffected.map(page => ({
+            url: page.url,
+            pageTitle: page.pageTitle,
+            itemsCount: page.itemsCount ?? (Array.isArray(page.items) ? page.items.length : 0),
+        })),
+    })),
+});
 /**
- * Converts items in pagesAffected to references (html\x00xpath composite keys) for embedding in HTML report.
- * Additionally, it deep-clones allIssues, replaces page.items objects with composite reference keys.
- * Those refs are specifically for htmlGroups lookup (html + xpath).
+ * Builds the embedded HTML-report payload from the full scan items.
+ * Includes htmlGroups for non-passed categories (Group by HTML Element),
+ * excludes them from passed to keep payload within browser memory limits.
  */
-export const convertItemsToReferences = (allIssues) => {
-    const cloned = JSON.parse(JSON.stringify(allIssues));
-    ['mustFix', 'goodToFix', 'needsReview', 'passed'].forEach(category => {
-        if (!cloned.items[category]?.rules)
-            return;
-        cloned.items[category].rules.forEach((rule) => {
-            if (!rule.pagesAffected || !rule.htmlGroups)
-                return;
-            rule.pagesAffected.forEach((page) => {
-                if (!page.items)
-                    return;
-                page.items = page.items.map((item) => {
-                    if (typeof item === 'string')
-                        return item; // Already a reference
-                    // Use composite key matching buildHtmlGroups
-                    const htmlKey = `${item.html || 'No HTML element'}\x00${item.xpath || ''}`;
-                    return htmlKey;
-                });
-            });
-        });
-    });
-    return cloned;
+export const convertItemsToReferences = (source) => {
+    return {
+        mustFix: cloneCategoryLight(source.items.mustFix, true),
+        goodToFix: cloneCategoryLight(source.items.goodToFix, true),
+        needsReview: cloneCategoryLight(source.items.needsReview, true),
+        passed: cloneCategoryLight(source.items.passed, false),
+    };
 };

package/dist/mergeAxeResults/sentryTelemetry.js

@@ -110,7 +110,10 @@ const sendWcagBreakdownToSentry = async (appVersion, wcagBreakdown, ruleIdJson,
                 event_type: 'accessibility_scan',
                 scanType: scanInfo.scanType,
                 browser: scanInfo.browser,
-                entryUrl: scanInfo.entryUrl,
+                entryUrl: process.env.OOBEE_SCAN_METADATA ?? scanInfo.entryUrl,
+                ...(process.env.OOBEE_SCAN_PRODUCT && {
+                    scanProduct: process.env.OOBEE_SCAN_PRODUCT,
+                }),
             },
             user: {
                 ...(scanInfo.email && scanInfo.name

package/dist/mergeAxeResults.js

@@ -119,10 +119,10 @@ const writeHTML = async (allIssues, storagePath, htmlFilename = 'report', scanDe
     const { topFilePath, bottomFilePath } = await splitHtmlAndCreateFiles(htmlFilePath, storagePath);
     const prefixData = fs.readFileSync(path.join(storagePath, 'report-partial-top.htm.txt'), 'utf-8');
     const suffixData = fs.readFileSync(path.join(storagePath, 'report-partial-bottom.htm.txt'), 'utf-8');
-    // Create lighter version with item references for embedding in HTML
-    const scanItemsWithHtmlGroupRefs = convertItemsToReferences(allIssues);
+    // Create the lighter scanItems payload for embedding in the HTML report.
+    const lightScanItemsPayload = convertItemsToReferences(allIssues);
     // Write the lighter items to a file and get the base64 path
-    const { jsonFilePath: scanItemsWithHtmlGroupRefsJsonFilePath, base64FilePath: scanItemsWithHtmlGroupRefsBase64FilePath, } = await writeJsonFileAndCompressedJsonFile(scanItemsWithHtmlGroupRefs.items, storagePath, 'scanItems-light');
+    const { jsonFilePath: lightScanItemsPayloadJsonFilePath, base64FilePath: lightScanItemsPayloadBase64FilePath, } = await writeJsonFileAndCompressedJsonFile(lightScanItemsPayload, storagePath, 'scanItems-light');
     return new Promise((resolve, reject) => {
         const scanDetailsReadStream = fs.createReadStream(scanDetailsFilePath, {
             encoding: 'utf8',
@@ -135,8 +135,8 @@ const writeHTML = async (allIssues, storagePath, htmlFilename = 'report', scanDe
                 await Promise.all([
                     fs.promises.unlink(topFilePath),
                     fs.promises.unlink(bottomFilePath),
-                    fs.promises.unlink(scanItemsWithHtmlGroupRefsBase64FilePath),
-                    fs.promises.unlink(scanItemsWithHtmlGroupRefsJsonFilePath),
+                    fs.promises.unlink(lightScanItemsPayloadBase64FilePath),
+                    fs.promises.unlink(lightScanItemsPayloadJsonFilePath),
                 ]);
             }
             catch (err) {
@@ -172,22 +172,28 @@ const writeHTML = async (allIssues, storagePath, htmlFilename = 'report', scanDe
   } else {
     console.warn('Skipping fetch GenAI feature as it is local report');
   }
+
+  var scanData = null;
+  var scanItems = null;
   \n`);
         outputStream.write('</script>\n<script type="text/plain" id="scanDataRaw">');
         scanDetailsReadStream.pipe(outputStream, { end: false });
         scanDetailsReadStream.on('end', async () => {
             outputStream.write('</script>\n<script>\n');
-            outputStream.write("var scanDataPromise = (async () => { console.log('Loading scanData...'); scanData = await decodeUnzipParse(document.getElementById('scanDataRaw').textContent); })();\n");
+            outputStream.write("var scanDataPromise = (async () => { console.log('Loading scanData...'); scanData = await decodeUnzipParse(document.getElementById('scanDataRaw').textContent); console.log('[report] scanData loaded'); })();\n");
             outputStream.write('</script>\n');
             // Write scanItems in 2MB chunks using a stream to avoid loading entire file into memory
             try {
                 let chunkIndex = 1;
-                const scanItemsStream = fs.createReadStream(scanItemsWithHtmlGroupRefsBase64FilePath, {
+                const scanItemsStream = fs.createReadStream(lightScanItemsPayloadBase64FilePath, {
                     encoding: 'utf8',
                     highWaterMark: CHUNK_SIZE,
                 });
                 for await (const chunk of scanItemsStream) {
-                    outputStream.write(`<script type="text/plain" id="scanItemsRaw${chunkIndex}">${chunk}</script>\n`);
+                    const ok = outputStream.write(`<script type="text/plain" id="scanItemsRaw${chunkIndex}">${chunk}</script>\n`);
+                    if (!ok) {
+                        await new Promise(resolve => outputStream.once('drain', resolve));
+                    }
                     chunkIndex++;
                 }
                 outputStream.write('<script>\n');
@@ -203,6 +209,7 @@ var scanItemsPromise = (async () => {
     i++;
   }
   scanItems = await decodeUnzipParse(chunks);
+  console.log('[report] scanItems loaded');
 })();\n`);
                 outputStream.write(suffixData);
                 outputStream.end();
@@ -722,11 +729,13 @@ generateJsonFiles = false) => {
     const browserChannel = getBrowserToRun(randomToken, BrowserTypes.CHROME, false).browserToRun;
     // Should consider refactor constants.userDataDirectory to be a parameter in future
     await retryFunction(() => writeSummaryPdf(storagePath, pagesScanned.length, 'summary', browserChannel, constants.userDataDirectory), 1);
+    // Brief delay to allow lingering async crawlee storage operations to flush
+    await new Promise(resolve => setTimeout(resolve, 3000));
     try {
         await fs.promises.rm(path.join(storagePath, 'crawlee'), { recursive: true, force: true });
     }
     catch (error) {
-        consoleLogger.warn(`Unable to force remove crawlee folder: ${error.message}`);
+        // Silently ignore — folder may already be gone or still locked
     }
     try {
         await fs.promises.rm(path.join(storagePath, 'pdfs'), { recursive: true, force: true });

package/dist/npmIndex.js

@@ -6,10 +6,10 @@ import { fileURLToPath } from 'url';
 import { EnqueueStrategy } from 'crawlee';
 import constants, { BrowserTypes, RuleFlags, ScannerTypes, a11yRuleShortDescriptionMap, a11yRuleLongDescriptionMap, a11yRuleStepByStepGuide } from './constants/constants.js';
 import { deleteClonedProfiles, getBrowserToRun, getPlaywrightLaunchOptions, submitForm, } from './constants/common.js';
-import { createCrawleeSubFolders, filterAxeResults } from './crawlers/commonCrawlerFunc.js';
+import { createCrawleeSubFolders, enrichViolationMessages, filterAxeResults } from './crawlers/commonCrawlerFunc.js';
 import { createAndUpdateResultsFolders, getVersion } from './utils.js';
 import generateArtifacts, { createBasicFormHTMLSnippet, sendWcagBreakdownToSentry } from './mergeAxeResults.js';
-import { takeScreenshotForHTMLElements } from './screenshotFunc/htmlScreenshotFunc.js';
+import { enrichColorContrastDOMContext, takeScreenshotForHTMLElements } from './screenshotFunc/htmlScreenshotFunc.js';
 import { consoleLogger } from './logs.js';
 import { alertMessageOptions } from './constants/cliFunctions.js';
 import { evaluateAltText } from './crawlers/custom/evaluateAltText.js';
@@ -50,6 +50,13 @@ const getOobeeFunctionsScript = (disableOobee, enableWcagAaa) => {
       window.xPathToCss = ${xPathToCss.toString()};
       window.extractText = ${extractText.toString()};
       
+      function getReadabilityInterpretation(score) {
+        const num = parseFloat(score);
+        if (Number.isNaN(num)) return '';
+        if (num > 30) return 'It is targeted for junior college (JC) level comprehension and above.';
+        return 'It is targeted for university graduate level comprehension and above.';
+      }
+
       function getAxeConfiguration({
         enableWcagAaa = false,
         gradingReadabilityFlag = '',
@@ -84,7 +91,7 @@ const getOobeeFunctionsScript = (disableOobee, enableWcagAaa) => {
                 return !node.dataset.flagged; // fail any element with a data-flagged attribute set to true
               },
             },
-            ...((enableWcagAaa && !disableOobee)
+            ...((enableWcagAaa && !disableOobee && gradingReadabilityFlag !== '')
               ? [
                   {
                     id: 'oobee-grading-text-contents',
@@ -92,16 +99,11 @@ const getOobeeFunctionsScript = (disableOobee, enableWcagAaa) => {
                       impact: 'moderate',
                       messages: {
                         pass: 'The text content is easy to understand.',
-                        fail: 'The text content is potentially difficult to understand.',
-                        incomplete: \`The text content is potentially difficult to read, with a Flesch-Kincaid Reading Ease score of \${gradingReadabilityFlag}.\nThe target passing score is above 50, indicating content readable by university students and lower grade levels.\nA higher score reflects better readability.\`,
+                        fail: \`Text content is potentially difficult to read.\n  It scored \${gradingReadabilityFlag} out of 50 on the Flesch-Kincaid Readability Test.\n  \${getReadabilityInterpretation(gradingReadabilityFlag)}\`,
+                        incomplete: \`Text content is potentially difficult to read.\n  It scored \${gradingReadabilityFlag} out of 50 on the Flesch-Kincaid Readability Test.\n  \${getReadabilityInterpretation(gradingReadabilityFlag)}\`,
                       },
                     },
-                    evaluate: (_node) => {
-                      if (gradingReadabilityFlag === '') {
-                        return true; // Pass if no readability issues
-                      }
-                      // Fail if readability issues are detected
-                    },
+                    evaluate: (_node) => false,
                   },
                 ]
               : []),
@@ -132,7 +134,7 @@ const getOobeeFunctionsScript = (disableOobee, enableWcagAaa) => {
                 helpUrl: 'https://www.deque.com/blog/accessible-aria-buttons',
               },
             },
-            ...((enableWcagAaa && !disableOobee)
+            ...((enableWcagAaa && !disableOobee && gradingReadabilityFlag !== '')
               ? [
                   {
                     id: 'oobee-grading-text-contents',
@@ -629,6 +631,8 @@ export const scanPage = async (pages, config) => {
             const scanResult = await page.evaluate(async () => {
                 return window.runA11yScan();
             });
+            await enrichViolationMessages(scanResult.axeScanResults, page);
+            await enrichColorContrastDOMContext(scanResult.axeScanResults.violations, page);
             scanData.push({
                 axeScanResults: scanResult.axeScanResults,
                 pageUrl: page.url(),

package/dist/screenshotFunc/htmlScreenshotFunc.js

@@ -3,6 +3,73 @@ import { createHash } from 'crypto';
 import fs from 'fs';
 import path from 'path';
 const screenshotMap = {}; // Map of screenshot hashkey to its buffer value and screenshot path
+export const enrichColorContrastDOMContext = async (violations, page) => {
+    for (const violation of violations) {
+        if (violation.id !== 'color-contrast' && violation.id !== 'color-contrast-enhanced')
+            continue;
+        for (const node of violation.nodes) {
+            const { target } = node;
+            const selector = target.length === 1 && typeof target[0] === 'string' ? target[0] : null;
+            if (!selector)
+                continue;
+            try {
+                const domContext = await page
+                    .evaluate((sel) => {
+                    const el = document.querySelector(sel);
+                    if (!el)
+                        return null;
+                    const style = window.getComputedStyle(el);
+                    const bgImage = style.backgroundImage;
+                    const hasGradient = bgImage !== 'none' && bgImage.includes('gradient');
+                    const hasBackgroundImage = bgImage !== 'none' && !hasGradient;
+                    let hasReducedOpacity = parseFloat(style.opacity) < 1;
+                    let ancestorHasGradient = false;
+                    let ancestorHasBackgroundImage = false;
+                    let ancestor = el.parentElement;
+                    while (ancestor && ancestor.tagName !== 'HTML') {
+                        const anStyle = window.getComputedStyle(ancestor);
+                        if (!hasReducedOpacity && parseFloat(anStyle.opacity) < 1) {
+                            hasReducedOpacity = true;
+                        }
+                        const anBgImg = anStyle.backgroundImage;
+                        if (anBgImg !== 'none') {
+                            if (!ancestorHasGradient && anBgImg.includes('gradient')) {
+                                ancestorHasGradient = true;
+                            }
+                            else if (!ancestorHasBackgroundImage) {
+                                ancestorHasBackgroundImage = true;
+                            }
+                        }
+                        ancestor = ancestor.parentElement;
+                    }
+                    const mixBlendMode = style.mixBlendMode !== 'normal' ? style.mixBlendMode : null;
+                    const backdropFilter = style.backdropFilter && style.backdropFilter !== 'none'
+                        ? style.backdropFilter
+                        : null;
+                    const filter = style.filter && style.filter !== 'none' ? style.filter : null;
+                    return {
+                        backgroundImage: bgImage !== 'none' ? bgImage : '',
+                        hasGradient,
+                        hasBackgroundImage,
+                        ancestorHasGradient,
+                        ancestorHasBackgroundImage,
+                        hasReducedOpacity,
+                        mixBlendMode,
+                        backdropFilter,
+                        filter,
+                    };
+                }, selector)
+                    .catch(() => null);
+                if (domContext) {
+                    node.contrastDOMContext = domContext;
+                }
+            }
+            catch {
+                // Non-critical; proceed without DOM context
+            }
+        }
+    }
+};
 export const takeScreenshotForHTMLElements = async (violations, page, randomToken, locatorTimeout = 2000, maxScreenshots = 100) => {
     const newViolations = [];
     let screenshotCount = 0;

package/dist/static/ejs/partials/scripts/decodeUnzipParse.ejs

@@ -28,8 +28,11 @@ async function decodeUnzipParse(input) {
       offset += arr.length;
     }
 
-    // Step 2: Decompress with pako (GZIP)
-    const decompressed = pako.ungzip(merged, { to: 'string' });
+    // Step 2: Decompress with pako (GZIP) to bytes first to avoid large-string
+    // construction inside pako for very large payloads.
+    const decompressedBytes = pako.ungzip(merged);
+
+    const decompressed = new TextDecoder().decode(decompressedBytes);
 
     // Step 3: Parse JSON
     return JSON.parse(decompressed);
@@ -37,4 +40,4 @@ async function decodeUnzipParse(input) {
     throw new Error(`Failed to decode/unzip/parse: ${err.message}`);
   }
 }
-</script>
+</script>

package/dist/static/ejs/partials/scripts/ruleModal/itemCardRenderer.ejs

@@ -1,10 +1,44 @@
 <script>
   /**
-   * Resolves item references (composite "html\x00xpath" strings) to full item data using htmlGroups.
+   * Rebuilds the item list for a page from pre-computed htmlGroups when the light report omits page.items.
+   */
+  function buildItemsFromHtmlGroupsForPage(page, ruleInCategory) {
+    const htmlGroups = ruleInCategory.htmlGroups || {};
+    const resolvedItems = [];
+
+    Object.values(htmlGroups).forEach(groupData => {
+      if (!Array.isArray(groupData.pageUrls) || !groupData.pageUrls.includes(page.url)) {
+        return;
+      }
+
+      resolvedItems.push({
+        html: groupData.html,
+        xpath: groupData.xpath,
+        message: groupData.message,
+        screenshotPath: groupData.screenshotPath,
+        displayNeedsReview: groupData.displayNeedsReview,
+        pageUrl: page.url,
+        pageTitle: page.pageTitle || page.metadata
+      });
+    });
+
+    return resolvedItems;
+  }
+
+  /**
+   * The embedded report payload now omits page.items and rebuilds occurrences from
+   * htmlGroups + page metadata. Keep the older page.items resolution logic below
+   * commented for an easy rollback if we need to restore mixed payload support.
    */
   function resolveItemReferencesForPage(page, ruleInCategory) {
+    return buildItemsFromHtmlGroupsForPage(page, ruleInCategory);
+
+    /*
     const items = page.items || [];
-    if (items.length === 0) return [];
+
+    if (items.length === 0) {
+      return buildItemsFromHtmlGroupsForPage(page, ruleInCategory);
+    }
 
     const isReference = typeof items[0] === 'string';
 
@@ -27,6 +61,7 @@
           pageTitle: page.pageTitle || page.metadata
         };
       }
+
       // Fallback: parse composite key
       const nullByteIndex = compositeKey.indexOf('\x00');
       const html = nullByteIndex !== -1 ? compositeKey.slice(0, nullByteIndex) : compositeKey;
@@ -40,6 +75,7 @@
         pageTitle: page.pageTitle || page.metadata
       };
     });
+    */
   }
 
   function buildItemCardsWithPagination(accordionId, category, ruleInCategory, page, index) {
@@ -203,14 +239,17 @@
           ${item.xpath ? createXpathSection(item.xpath) : ''}
           ${createElementSection(item)}
           ${
-            item.displayNeedsReview
-              ? `<div class="d-flex justify-content-between g-one">
+            (() => {
+              const showDetails = item.displayNeedsReview || ['color-contrast', 'color-contrast-enhanced', 'oobee-grading-text-contents', 'target-size', 'valid-lang'].includes(aiConfig.ruleInCategory.rule);
+              return showDetails && item.message
+                ? `<div class="d-flex justify-content-between g-one">
             <div class="fw-semibold page-item-card-section-title">Details</div>
             <div class="page-item-card-section-content">
-              ${generateItemMessageElement(item.displayNeedsReview, item.message)}
+              ${generateItemMessageElement(item.displayNeedsReview || true, item.message)}
             </div>
           </div>`
-              : ''
+                : '';
+            })()
           }
           ${isPurpleAiRule ? createAiSuggestionSection(item, oobeeAiQueryLabel, aiConfig) : ''}
           ${showGenAiUI ? createGenAiSuggestFixSection(item, aiConfig) : ''}

package/dist/static/ejs/partials/scripts/ruleModal/pageAccordionBuilder.ejs

@@ -86,7 +86,7 @@
             // Use pre-computed htmlGroups for count if available, otherwise use pages
             const count = isHtmlGrouping && selectedCategory.htmlGroups
               ? Object.keys(selectedCategory.htmlGroups).length
-              : selectedCategory.pagesAffected.length;
+              : (selectedCategory.pagesAffectedCount || selectedCategory.pagesAffected.length);
             if (isHtmlGrouping) {
               dropdownTitle.innerText = `HTML elements affected by this issue (${count})`;
             } else {
@@ -393,14 +393,17 @@
         </div>
 
           ${
-            item.displayNeedsReview
-              ? `<div class="d-flex justify-content-between g-one modal-view">
+            (() => {
+              const showDetails = item.displayNeedsReview || ['color-contrast', 'color-contrast-enhanced', 'oobee-grading-text-contents', 'target-size', 'valid-lang'].includes(aiConfig.ruleInCategory.rule);
+              return showDetails && item.message
+                ? `<div class="d-flex justify-content-between g-one modal-view">
             <div class="fw-semibold page-item-card-section-title">Details</div>
             <div class="page-item-card-section-content">
-              ${generateItemMessageElement(item.displayNeedsReview, item.message)}
+              ${generateItemMessageElement(item.displayNeedsReview || true, item.message)}
             </div>
           </div>`
-              : ''
+                : '';
+            })()
           }
           ${isPurpleAiRule ? createAiSuggestionSection(item, oobeeAiQueryLabel, aiConfig) : ''}
         </div>

package/dist/static/ejs/partials/scripts/ruleModal/ruleOffcanvas.ejs

@@ -270,8 +270,8 @@ include('./pageAccordionBuilder') %> <%- include('./constants') %>
           if (!Array.isArray(rule.pagesAffected)) return;
 
           rule.pagesAffected.sort((a, b) => {
-            const lenA = Array.isArray(a.items) ? a.items.length : 0;
-            const lenB = Array.isArray(b.items) ? b.items.length : 0;
+            const lenA = Array.isArray(a.items) ? a.items.length : a.itemsCount || 0;
+            const lenB = Array.isArray(b.items) ? b.items.length : b.itemsCount || 0;
             return lenB - lenA; // DESC
           });
         });
@@ -295,10 +295,10 @@ include('./pageAccordionBuilder') %> <%- include('./constants') %>
             dropdownToggle.innerText = `${ruleInCategory.totalItems} Total occ.`;
             dropdownToggle.setAttribute('aria-label', occurrencesText);
           document.getElementById('expandedRuleDropdownTitle').innerText =
-            `Pages affected by this issue (${ruleInCategory.pagesAffected.length})`;
+            `Pages affected by this issue (${(ruleInCategory.pagesAffectedCount || ruleInCategory.pagesAffected.length)})`;
           buildExpandedRuleCategoryContent(category, ruleInCategory);
           document.getElementById('expandedRulePageContent').innerText =
-            `Total ${ruleInCategory.pagesAffected.length} affected pages`;
+            `Total ${(ruleInCategory.pagesAffectedCount || ruleInCategory.pagesAffected.length)} affected pages`;
         }
       }
     });

package/dist/static/ejs/partials/scripts/ruleModal/utilities.ejs

@@ -53,7 +53,8 @@
       if (htmlEscapedMessageArray.length === 1) {
         return `<p class="mb-0">${htmlEscapedMessageArray[0]}</p>`;
       } else {
-        return `<ul>${htmlEscapedMessageArray.map(m => `<li>${m}</li>`).join('')}</ul>`;
+        const [first, ...rest] = htmlEscapedMessageArray;
+        return `<p class="mb-0">${first}</p><ul>${rest.map(m => `<li>${m}</li>`).join('')}</ul>`;
       }
     } else {
       let i = 0;

package/dist/static/ejs/summary.ejs

@@ -21,18 +21,24 @@
     %>
     <script>
       const scanItems = <%- JSON.stringify(
-        {
-          ...items,
-          ...['mustFix','goodToFix','needsReview','passed'].reduce((acc, cat) => {
-            if (items[cat]) {
-              acc[cat] = {
-                ...items[cat],
-                rules: (items[cat].rules || []).map(({ htmlGroups, ...rest }) => rest),
-              };
-            }
-            return acc;
-          }, {}),
-        }
+        ['mustFix','goodToFix','needsReview','passed'].reduce((acc, cat) => {
+          if (items[cat]) {
+            acc[cat] = {
+              description: items[cat].description,
+              totalItems: items[cat].totalItems,
+              totalRuleIssues: items[cat].totalRuleIssues,
+              rules: (items[cat].rules || []).map(rule => ({
+                rule: rule.rule,
+                description: rule.description,
+                helpUrl: rule.helpUrl,
+                conformance: rule.conformance,
+                totalItems: rule.totalItems,
+                pagesAffected: { length: (rule.pagesAffected || []).length },
+              })),
+            };
+          }
+          return acc;
+        }, {})
       ).replace(/<\//g, '<\\/') %>
     </script>
     <%- include('partials/scripts/summaryTable') %>

package/dist/utils.js

@@ -4,6 +4,7 @@ import fs from 'fs-extra';
 import axe from 'axe-core';
 import { v4 as uuidv4 } from 'uuid';
 import { getDomain } from 'tldts';
+import { normalizeUrl } from '@apify/utilities';
 import constants, { destinationPath, getIntermediateScreenshotsPath, } from './constants/constants.js';
 import { consoleLogger, errorsTxtPath } from './logs.js';
 import { getAxeConfiguration } from './crawlers/custom/getAxeConfiguration.js';
@@ -852,13 +853,13 @@ export const randomThreeDigitNumberString = () => {
     const threeDigitNumber = Math.floor(scaledDecimal) + 100;
     return String(threeDigitNumber);
 };
+export const normUrl = (u) => (u ? normalizeUrl(u) || u : '');
 export const isFollowStrategy = (link1, link2, rule) => {
+    if (rule === 'all')
+        return true;
     try {
         const parsedLink1 = new URL(link1);
         const parsedLink2 = new URL(link2);
-        if (rule === 'all') {
-            return true;
-        }
         if (rule === 'same-origin') {
             return parsedLink1.origin === parsedLink2.origin;
         }