accented 1.0.0 → 1.1.0

package/dist/validate-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"validate-options.js","sourceRoot":"","sources":["../src/validate-options.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"validate-options.js","sourceRoot":"","sources":["../src/validate-options.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "accented",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "A frontend library for continuous accessibility testing and issue highlighting",
   "type": "module",
   "main": "dist/accented.js",
@@ -25,20 +25,20 @@
   "bugs": {
     "url": "https://github.com/pomerantsev/accented/issues"
   },
-  "homepage": "https://www.accented.dev",
+  "homepage": "https://accented.dev",
   "dependencies": {
-    "@preact/signals-core": "^1.8.0",
+    "@preact/signals-core": "^1.11.0",
     "axe-core": "^4.10.3"
   },
   "devDependencies": {
     "@types/jsdom": "^21.1.7",
-    "jsdom": "^26.0.0"
+    "jsdom": "^26.1.0"
   },
   "scripts": {
     "build": "pnpm copyCommon && tsc",
-    "copyCommon": "node --import tsx ./scripts/copy-common.ts",
-    "watchCommon": "node --import tsx ./scripts/watch-common.ts",
-    "checkBuiltFiles": "node --import tsx ./scripts/check-built-files.ts",
+    "copyCommon": "node ./scripts/copy-common.ts",
+    "watchCommon": "node ./scripts/watch-common.ts",
+    "checkBuiltFiles": "node ./scripts/check-built-files.ts",
     "checkImportsInBuiltFiles": "node ./dist/accented.js",
     "typecheckTests": "tsc -p ./tsconfig.test.json",
     "watch": "pnpm copyCommon && (pnpm watchCommon & tsc --watch)",

package/src/accented.test.ts

@@ -1,6 +1,6 @@
 import assert from 'node:assert/strict';
-import { suite, test } from 'node:test';
 import type { Mock } from 'node:test';
+import { suite, test } from 'node:test';
 
 import { accented } from './accented';
 

package/src/accented.ts

@@ -55,6 +55,7 @@ export function accented(options: AccentedOptions = {}): DisableAccented {
 
     const defaultOutput: Required<AccentedOptions['output']> = {
       console: true,
+      page: true,
     };
 
     const defaultThrottle: Required<AccentedOptions['throttle']> = {
@@ -83,7 +84,7 @@ export function accented(options: AccentedOptions = {}): DisableAccented {
 
     if (enabled.value) {
       console.warn(
-        'You are trying to run the Accented library more than once, which may lead to errors. See https://www.accented.dev/getting-started#run-once-per-page',
+        'You are trying to run the Accented library more than once, which may lead to errors. See https://accented.dev/getting-started#run-once-per-page',
       );
       console.trace();
     }
@@ -96,9 +97,9 @@ export function accented(options: AccentedOptions = {}): DisableAccented {
     const { disconnect: cleanupIntersectionObserver, intersectionObserver } =
       setupIntersectionObserver();
     const cleanupScanner = createScanner(name, context, axeOptions, throttle, callback);
-    const cleanupDomUpdater = createDomUpdater(name, intersectionObserver);
+    const cleanupDomUpdater = output.page ? createDomUpdater(name, intersectionObserver) : () => {};
     const cleanupLogger = output.console ? createLogger() : () => {};
-    const cleanupScrollListeners = setupScrollListeners();
+    const cleanupScrollListeners = output.page ? setupScrollListeners() : () => {};
     const cleanupResizeListener = supportsAnchorPositioning(window)
       ? () => {}
       : setupResizeListener();

package/src/common/strings.ts

@@ -0,0 +1,2 @@
+export const description =
+  'A frontend library for continuous accessibility testing and issue highlighting';

package/src/common/tokens.ts

@@ -3,6 +3,42 @@ export const primaryColorLight = 'oklch(0.8 0.2 0)';
 export const colorLight = 'oklch(0.98 0 0)';
 export const colorDark = 'oklch(0.22 0 0)';
 
+const hueGray = 0;
+const hueBlue = 230;
+const hueGold = 90;
+const hueRed = 0;
+
+const focusLightnessLight = 0.45;
+const focusLightnessDark = 0.8;
+const chromaFocus = 0.25;
+
+export const colorFocus = `light-dark(oklch(${focusLightnessLight} ${chromaFocus} ${hueBlue}), oklch(${focusLightnessDark} ${chromaFocus} ${hueBlue}))`;
+
+const impactLightnessLight = 0.8;
+const impactLightnessDark = 0.45;
+const chromaImpactGray = 0;
+const chromaImpactNonGray = 0.16;
+
+const colorImpactMinorLight = `oklch(${impactLightnessLight} ${chromaImpactGray} ${hueGray})`;
+const colorImpactModerateLight = `oklch(${impactLightnessLight} ${chromaImpactNonGray} ${hueBlue})`;
+const colorImpactSeriousLight = `oklch(${impactLightnessLight} ${chromaImpactNonGray} ${hueGold})`;
+const colorImpactCriticalLight = `oklch(${impactLightnessLight} ${chromaImpactNonGray} ${hueRed})`;
+
+const colorImpactMinorDark = `oklch(${impactLightnessDark} ${chromaImpactGray} ${hueGray})`;
+const colorImpactModerateDark = `oklch(${impactLightnessDark} ${chromaImpactNonGray} ${hueBlue})`;
+const colorImpactSeriousDark = `oklch(${impactLightnessDark} ${chromaImpactNonGray} ${hueGold})`;
+const colorImpactCriticalDark = `oklch(${impactLightnessDark} ${chromaImpactNonGray} ${hueRed})`;
+
+export const colorImpactMinor = `light-dark(${colorImpactMinorLight}, ${colorImpactMinorDark})`;
+export const colorImpactModerate = `light-dark(${colorImpactModerateLight}, ${colorImpactModerateDark})`;
+export const colorImpactSerious = `light-dark(${colorImpactSeriousLight}, ${colorImpactSeriousDark})`;
+export const colorImpactCritical = `light-dark(${colorImpactCriticalLight}, ${colorImpactCriticalDark})`;
+
+export const consoleColorImpactMinor = `light-dark(${colorImpactMinorDark}, ${colorImpactMinorLight})`;
+export const consoleColorImpactModerate = `light-dark(${colorImpactModerateDark}, ${colorImpactModerateLight})`;
+export const consoleColorImpactSerious = `light-dark(${colorImpactSeriousDark}, ${colorImpactSeriousLight})`;
+export const consoleColorImpactCritical = `light-dark(${colorImpactCriticalDark}, ${colorImpactCriticalLight})`;
+
 /* https://systemfontstack.com/ */
 export const fontSystemSans =
   '-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, Adwaita Sans, Cantarell, Ubuntu, roboto, noto, helvetica, arial, sans-serif';

package/src/constants.ts

@@ -1,3 +1,7 @@
-export const accentedUrl = 'https://www.accented.dev';
+import type { Issue } from './types';
+
+export const accentedUrl = 'https://accented.dev';
 export const issuesUrl = 'https://github.com/pomerantsev/accented/issues';
 export const getAccentedElementNames = (name: string) => [`${name}-trigger`, `${name}-dialog`];
+
+export const orderedImpacts: Array<Issue['impact']> = ['minor', 'moderate', 'serious', 'critical'];

package/src/elements/accented-dialog.ts

@@ -1,5 +1,15 @@
 import type { Signal } from '@preact/signals-core';
-import { colorDark, colorLight, fontSystemMono, fontSystemSans } from '../common/tokens.js';
+import {
+  colorDark,
+  colorFocus,
+  colorImpactCritical,
+  colorImpactMinor,
+  colorImpactModerate,
+  colorImpactSerious,
+  colorLight,
+  fontSystemMono,
+  fontSystemSans,
+} from '../common/tokens.js';
 import { accentedUrl } from '../constants.js';
 import { logAndRethrow } from '../log-and-rethrow.js';
 import type { Issue } from '../types.ts';
@@ -18,7 +28,7 @@ export interface AccentedDialog extends HTMLElement {
 export const getAccentedDialog = () => {
   const dialogTemplate = document.createElement('template');
   dialogTemplate.innerHTML = `
-    <dialog dir="ltr" lang="en" aria-labelledby="title">
+    <dialog dir="ltr" lang="en" aria-labelledby="title" closedby="any">
       <div id="button-container">
         <button id="close" aria-label="Close">✕</button>
       </div>
@@ -65,30 +75,13 @@ export const getAccentedDialog = () => {
       --background-color: light-dark(var(--light-color), var(--dark-color));
       --text-color: light-dark(var(--dark-color), var(--light-color));
 
-      --impact-lightness: 0.80;
-      --focus-lightness: 0.45;
-      @media (prefers-color-scheme: dark) {
-        --impact-lightness: 0.45;
-        --focus-lightness: 0.80;
-      }
-
-      --blue-hue: 230;
-      --gold-hue: 90;
-      --red-hue: 0;
-
       /* Contrasts with background. */
-      --focus-color: oklch(var(--focus-lightness) 0.25 var(--blue-hue));
-
-      --impact-chroma: 0.16;
-
-      --impact-moderate-hue: var(--blue-hue);
-      --impact-serious-hue: var(--gold-hue);
-      --impact-critical-hue: var(--red-hue);
+      --focus-color: ${colorFocus};
 
-      --impact-minor-color: oklch(var(--impact-lightness) 0 0);
-      --impact-moderate-color: oklch(var(--impact-lightness) var(--impact-chroma) var(--impact-moderate-hue));
-      --impact-serious-color: oklch(var(--impact-lightness) var(--impact-chroma) var(--impact-serious-hue));
-      --impact-critical-color: oklch(var(--impact-lightness) var(--impact-chroma) var(--impact-critical-hue));
+      --impact-minor-color: ${colorImpactMinor};
+      --impact-moderate-color: ${colorImpactModerate};
+      --impact-serious-color: ${colorImpactSerious};
+      --impact-critical-color: ${colorImpactCritical};
 
       --base-size: max(1rem, 16px);
 
@@ -396,6 +389,11 @@ export const getAccentedDialog = () => {
       }
     }
 
+    /**
+     * This can be removed once the closedBy attribute
+     * is available in all supported browsers:
+     * https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/closedBy
+     */
     #onDialogClick(event: MouseEvent) {
       const dialog = event.currentTarget as HTMLDialogElement;
       if (

package/src/elements/accented-trigger.ts

@@ -1,5 +1,5 @@
-import { effect } from '@preact/signals-core';
 import type { Signal } from '@preact/signals-core';
+import { effect } from '@preact/signals-core';
 import { fontSystemSans } from '../common/tokens.js';
 import { logAndRethrow } from '../log-and-rethrow.js';
 import type { Position } from '../types.ts';
@@ -29,10 +29,16 @@ export const getAccentedTrigger = (name: string) => {
         --ratio: 1.2;
         --base-size: max(1rem, 16px);
         position: fixed !important;
-        inset-inline-start: anchor(self-start) !important;
-        inset-inline-end: anchor(self-end) !important;
-        inset-block-start: anchor(self-start) !important;
-        inset-block-end: anchor(self-end) !important;
+        ${
+          supportsAnchorPositioning(window)
+            ? `
+          inset-inline-start: anchor(self-start) !important;
+          inset-inline-end: anchor(self-end) !important;
+          inset-block-start: anchor(self-start) !important;
+          inset-block-end: anchor(self-end) !important;
+        `
+            : ''
+        }
 
         /* Revert potential effects of white-space: pre; set on a trigger's ancestor. */
         white-space: normal !important;

package/src/logger.ts

@@ -1,36 +1,290 @@
 import { effect } from '@preact/signals-core';
-import { accentedUrl } from './constants.js';
+import {
+  consoleColorImpactCritical,
+  consoleColorImpactMinor,
+  consoleColorImpactModerate,
+  consoleColorImpactSerious,
+} from './common/tokens.js';
+import { accentedUrl, orderedImpacts } from './constants.js';
 import { elementsWithIssues, enabled } from './state.js';
-import type { ElementWithIssues } from './types.ts';
+import type { ElementWithIssues, Issue } from './types.ts';
+import { areElementsWithIssuesEqual } from './utils/are-elements-with-issues-equal.js';
+import { areIssueSetsEqual } from './utils/are-issue-sets-equal.js';
+import { areIssuesEqual } from './utils/are-issues-equal.js';
 
-function filterPropsForOutput(elements: Array<ElementWithIssues>) {
-  return elements.map(({ element, issues }) => ({ element, issues }));
+// For user friendliness, we want to balance two things:
+// * the user shouldn't have to click in the console too many times to get to the info they need;
+// * the output should be concise and not overwhelm the user with too much information at once.
+// This number is chosen as a compromise between these two factors.
+const MAX_ISSUES_BEFORE_OUTPUT_COLLAPSE = 5;
+
+// Groups have bold color by default in the console.
+// This doesn't seem appropriate for our purposes, so we have to explicitly set the normal font weight.
+const defaultStyle = 'font-weight: normal;';
+
+// We'll use the same colors in the console as in the dialog UI
+// (except the theme will be reversed since in the dialog, the color needs to have enough contrast against text color,
+// and in the console, the color needs to have enough contrast against the background color).
+const colors = {
+  minor: consoleColorImpactMinor,
+  moderate: consoleColorImpactModerate,
+  serious: consoleColorImpactSerious,
+  critical: consoleColorImpactCritical,
+};
+
+const uppercasedImpactText = (impact: Issue['impact']) =>
+  impact.charAt(0).toUpperCase() + impact.slice(1);
+
+const titleAndUrl = (issue: { title: Issue['title']; url: Issue['url'] }) =>
+  `${issue.title} ${issue.url}`;
+
+// This sorting is not ideal since it doesn't work very well with shadow DOM.
+const sortByElementPositions = (
+  a: ElementWithIssues['element'],
+  b: ElementWithIssues['element'],
+) => (a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_PRECEDING ? 1 : -1);
+
+type IssueType = {
+  title: Issue['title'];
+  url: Issue['url'];
+  impact: Issue['impact'];
+  elements: Array<{ element: ElementWithIssues['element']; description: Issue['description'] }>;
+};
+
+type GroupedByIssueType = Record<string, IssueType>;
+
+const getIssueTypeGroups = (elementsWithIssues: Array<ElementWithIssues>) => {
+  const groupedByIssueType = elementsWithIssues.reduce((acc, { element, issues }) => {
+    for (const issue of issues) {
+      if (!acc[issue.id]) {
+        acc[issue.id] = {
+          title: issue.title,
+          url: issue.url,
+          impact: issue.impact,
+          elements: [],
+        };
+      }
+      acc[issue.id]?.elements.push({ element, description: issue.description });
+    }
+    return acc;
+  }, {} as GroupedByIssueType);
+
+  const sorted = Object.values(groupedByIssueType).sort((a, b) => {
+    const impactComparison = orderedImpacts.indexOf(b.impact) - orderedImpacts.indexOf(a.impact);
+    if (impactComparison !== 0) {
+      return impactComparison;
+    }
+    return b.elements.length - a.elements.length;
+  });
+
+  return sorted;
+};
+
+function logIssuesByElement(elementsWithIssues: Array<ElementWithIssues>) {
+  // Elements with more severe issues (or with a higher number of issues of the same severity)
+  // will appear higher in the output.
+  // This way, issues with a higher severity will be prioritized.
+  const sortedElementsWithIssues = elementsWithIssues.toSorted((a, b) => {
+    const impacts = orderedImpacts.toReversed();
+    const impactWithDifferentIssueCount = impacts.find((impact) => {
+      const aCount = a.issues.filter((issue) => issue.impact === impact).length;
+      const bCount = b.issues.filter((issue) => issue.impact === impact).length;
+      return aCount !== bCount;
+    });
+    if (impactWithDifferentIssueCount) {
+      const aCount = a.issues.filter(
+        (issue) => issue.impact === impactWithDifferentIssueCount,
+      ).length;
+      const bCount = b.issues.filter(
+        (issue) => issue.impact === impactWithDifferentIssueCount,
+      ).length;
+      return bCount - aCount; // Sort by count of issues with the same impact
+    }
+    return sortByElementPositions(a.element, b.element);
+  });
+
+  for (const { element, issues } of sortedElementsWithIssues) {
+    const sortedAndFilteredImpacts = orderedImpacts
+      .toReversed()
+      .filter((impact) => issues.some((issue) => issue.impact === impact));
+
+    const issuesWithImpacts = sortedAndFilteredImpacts
+      .map((impact) => `%c${issues.filter((issue) => issue.impact === impact).length} ${impact}`)
+      .join(', ');
+
+    const baseOutput = `${issuesWithImpacts}%c`;
+    const output =
+      issues.length === 1 && issues[0]
+        ? `${baseOutput}\n${titleAndUrl(issues[0])}\n%o`
+        : `${baseOutput}\n%o`;
+
+    console.groupCollapsed(
+      output,
+      ...sortedAndFilteredImpacts.map((impact) => `color: ${colors[impact]};`),
+      defaultStyle,
+      element,
+    );
+
+    if (issues.length === 1) {
+      // If an element has just one issue, output that issue inline, to reduce the number of clicks in the console for the user.
+      console.log(issues[0]?.description);
+    } else {
+      for (const issue of issues) {
+        console.groupCollapsed(
+          `%c${uppercasedImpactText(issue.impact)}:%c\n${titleAndUrl(issue)}`,
+          `color: ${colors[issue.impact]};`,
+          defaultStyle,
+        );
+        console.log(issue.description);
+        console.groupEnd();
+      }
+    }
+    console.groupEnd();
+  }
+}
+
+function logIssuesByType(issueTypeGroups: Array<IssueType>) {
+  for (const { title, url, impact, elements } of issueTypeGroups) {
+    // We'll output the element itself next to the issue description if there's just one associated element,
+    // to reduce the number of clicks in the console for the user.
+    const shouldOutputElementInline = elements.length === 1;
+    const baseOutput = `%c${uppercasedImpactText(impact)} (${elements.length} element${elements.length === 1 ? '' : 's'}):%c\n${titleAndUrl({ title, url })}`;
+    const output = shouldOutputElementInline ? `${baseOutput}\n%o` : baseOutput;
+    console.groupCollapsed(
+      output,
+      `color: ${colors[impact]};`,
+      defaultStyle,
+      ...(shouldOutputElementInline ? [elements[0]?.element] : []),
+    );
+    if (shouldOutputElementInline) {
+      console.log(elements[0]?.description);
+    } else {
+      for (const { element, description } of elements.sort((elementContainer1, elementContainer2) =>
+        sortByElementPositions(elementContainer1.element, elementContainer2.element),
+      )) {
+        console.groupCollapsed('%o', element);
+        console.log(description);
+        console.groupEnd();
+      }
+    }
+    console.groupEnd();
+  }
+}
+
+function logNewIssues(
+  elementsWithIssues: Array<ElementWithIssues>,
+  previousElementsWithIssues: Array<ElementWithIssues>,
+) {
+  // The elements with accessibility issues that didn't have any associated issues
+  // or that weren't in the DOM at the time of last scan.
+  const addedElements = elementsWithIssues.filter((elementWithIssues) => {
+    return !previousElementsWithIssues.some((previousElementWithIssues) =>
+      areElementsWithIssuesEqual(previousElementWithIssues, elementWithIssues),
+    );
+  });
+
+  // The elements that now have more issues than at the time of last scan,
+  // with just the new issues (previously existing issues are filtered out).
+  const existingElementsWithNewIssues = elementsWithIssues.reduce<Array<ElementWithIssues>>(
+    (acc, elementWithIssues) => {
+      let foundElementWithIssues: ElementWithIssues | null = null;
+      for (const previousElementWithIssues of previousElementsWithIssues) {
+        if (
+          areElementsWithIssuesEqual(previousElementWithIssues, elementWithIssues) &&
+          !areIssueSetsEqual(previousElementWithIssues.issues, elementWithIssues.issues)
+        ) {
+          const newIssues = elementWithIssues.issues.filter((issue) => {
+            return !previousElementWithIssues.issues.some((prevIssue) =>
+              areIssuesEqual(prevIssue, issue),
+            );
+          });
+          if (newIssues.length > 0) {
+            foundElementWithIssues = {
+              ...elementWithIssues,
+              issues: newIssues,
+            };
+            acc.push(foundElementWithIssues);
+          }
+          break;
+        }
+      }
+      return acc;
+    },
+    [],
+  );
+
+  const elementsWithNewIssues = [...addedElements, ...existingElementsWithNewIssues];
+  const newIssueCount = elementsWithNewIssues.reduce((acc, { issues }) => acc + issues.length, 0);
+  if (newIssueCount === 0) {
+    console.log('No new issues');
+  } else {
+    const newIssuesMessage = `%cNew issues (${newIssueCount} in ${elementsWithNewIssues.length} element${elementsWithNewIssues.length === 1 ? '' : 's'})`;
+    if (newIssueCount <= MAX_ISSUES_BEFORE_OUTPUT_COLLAPSE) {
+      // Don't collapse the new issues if there are not too many (this hopefully helps user avoid unnecessary clicks in the console).
+      console.group(newIssuesMessage, defaultStyle);
+    } else {
+      console.groupCollapsed(newIssuesMessage, defaultStyle);
+    }
+    // Output by element (no specific reason for this choice, just a preference).
+    logIssuesByElement(elementsWithNewIssues);
+    console.groupEnd();
+  }
+}
+
+function logIssues(
+  elementsWithIssues: Array<ElementWithIssues>,
+  previousElementsWithIssues: Array<ElementWithIssues>,
+) {
+  const elementCount = elementsWithIssues.length;
+
+  if (elementCount === 0) {
+    console.log(`No accessibility issues (Accented, ${accentedUrl}).`);
+    return;
+  }
+
+  const issueCount = elementsWithIssues.reduce((acc, { issues }) => acc + issues.length, 0);
+  console.group(
+    `%c${issueCount} accessibility issue${issueCount === 1 ? '' : 's'} in ${elementCount} element${elementCount === 1 ? '' : 's'} (Accented, ${accentedUrl}):\n`,
+    defaultStyle,
+  );
+
+  if (issueCount <= MAX_ISSUES_BEFORE_OUTPUT_COLLAPSE) {
+    // Don't collapse issues if there are not too many (this hopefully helps user avoid unnecessary clicks in the console).
+    // Output by element (no specific reason for this choice, just a preference).
+    logIssuesByElement(elementsWithIssues);
+  } else {
+    // When there are many issues, outputting them all would probably make the console too noisy,
+    // so we collapse them.
+    // Moreover, we output all issues twice, by element and by issue type, to give users more choice.
+    console.groupCollapsed(`%cAll by element (${elementsWithIssues.length})`, defaultStyle);
+    logIssuesByElement(elementsWithIssues);
+    console.groupEnd();
+
+    const issueTypeGroups = getIssueTypeGroups(elementsWithIssues);
+    console.groupCollapsed(`%cAll by issue type (${issueTypeGroups.length})`, defaultStyle);
+    logIssuesByType(issueTypeGroups);
+    console.groupEnd();
+  }
+
+  if (previousElementsWithIssues.length > 0) {
+    // Log new issues separately, to make it easier for the user to know what issues
+    // were introduced recently.
+    logNewIssues(elementsWithIssues, previousElementsWithIssues);
+  }
+
+  console.groupEnd();
 }
 
 export function createLogger() {
-  let firstRun = true;
+  let previousElementsWithIssues: Array<ElementWithIssues> = [];
 
   return effect(() => {
     if (!enabled.value) {
       return;
     }
 
-    const elementCount = elementsWithIssues.value.length;
-    if (elementCount > 0) {
-      const issueCount = elementsWithIssues.value.reduce(
-        (acc, { issues }) => acc + issues.length,
-        0,
-      );
-      console.log(
-        `${issueCount} accessibility issue${issueCount === 1 ? '' : 's'} found in ${elementCount} element${issueCount === 1 ? '' : 's'} (Accented, ${accentedUrl}):\n`,
-        filterPropsForOutput(elementsWithIssues.value),
-      );
-    } else {
-      if (firstRun) {
-        firstRun = false;
-      } else {
-        console.log(`No accessibility issues found (Accented, ${accentedUrl}).`);
-      }
-    }
+    logIssues(elementsWithIssues.value, previousElementsWithIssues);
+
+    previousElementsWithIssues = elementsWithIssues.value;
   });
 }

package/src/scanner.ts

@@ -77,7 +77,7 @@ export function createScanner(
         });
       } catch (error) {
         console.error(
-          `Accented: axe-core (the accessibility testing engine) threw an error. Check the \`axeOptions\` property (https://www.accented.dev/api#axeoptions) that you’re passing to Accented. If you still think it’s a bug in Accented, file an issue at ${issuesUrl}.\n`,
+          `Accented: axe-core (the accessibility testing engine) threw an error. Check the \`axeOptions\` property (https://accented.dev/api#axeoptions) that you’re passing to Accented. If you still think it’s a bug in Accented, file an issue at ${issuesUrl}.\n`,
           error,
         );
       }

package/src/types.ts

@@ -36,9 +36,40 @@ export type Output = {
   /**
    * Whether the list of elements with issues should be printed to the browser console whenever issues are added, removed, or changed.
    *
+   * **Example:**
+   *
+   * ```js
+   * accented({
+   *   output: {
+   *     console: false
+   *   }
+   * });
+   * ```
+   *
+   * In the example, the issues will not be logged to the console, while elements on the page will still be highlighted.
+   *
    * @default true
    * */
   console?: boolean;
+
+  /**
+   * Whether Accented should highlight elements with issues on the page.
+   *
+   * **Example:**
+   *
+   * ```js
+   * accented({
+   *   output: {
+   *     page: false
+   *   }
+   * });
+   * ```
+   *
+   * In the example, the issues will only be logged to the console, with no highlights on the page.
+   *
+   * @default true
+   * */
+  page?: boolean;
 };
 
 /**
@@ -229,7 +260,7 @@ export type Issue = {
   title: string;
   description: string;
   url: string;
-  impact: axe.ImpactValue;
+  impact: Exclude<axe.ImpactValue, null>;
 };
 
 export type BaseElementWithIssues = {

package/src/utils/are-issue-sets-equal.test.ts

@@ -19,12 +19,7 @@ const issue2: Issue = {
   impact: 'serious',
 };
 
-// @ts-expect-error
-const issue2Clone: Issue = Object.keys(issue2).reduce((obj, key) => {
-  // @ts-expect-error
-  obj[key] = issue2[key];
-  return obj;
-}, {});
+const issue2Clone: Issue = structuredClone(issue2);
 
 const issue3: Issue = {
   id: 'id3',

package/src/utils/are-issue-sets-equal.ts

@@ -1,12 +1,9 @@
 import type { Issue } from '../types.ts';
-
-const issueProps: Array<keyof Issue> = ['id', 'title', 'description', 'url', 'impact'];
+import { areIssuesEqual } from './are-issues-equal.js';
 
 export function areIssueSetsEqual(issues1: Array<Issue>, issues2: Array<Issue>) {
   return (
     issues1.length === issues2.length &&
-    issues1.every((issue1) =>
-      Boolean(issues2.find((issue2) => issueProps.every((prop) => issue2[prop] === issue1[prop]))),
-    )
+    issues1.every((issue1) => Boolean(issues2.find((issue2) => areIssuesEqual(issue1, issue2))))
   );
 }