npmpackage.info

Gathering detailed insights and metrics for @axe-core/playwright

Other packages similar to @axe-core/playwright

axe-playwright

2.1.0

Custom Playwright commands to inject axe-core and test for a11y

expect-axe-playwright

4.1.2

Expect matchers to perform Axe accessibility tests in your Playwright tests.

evaluatory

4.1.0

Web page evaluation with a focus on accessibility

nilgiriaccessibility

1.0.15

Automated accessibility testing using Playwright and axe-core and get AI generated Report for accessibility violation

Gathering detailed insights and metrics for @axe-core/playwright

@axe-core/playwright - 4.10.1 | npmpackage.info

@axe-core/playwright

4.10.1

649

MPL-2.0

JavaScript

149.16 kB

31,103,539 5.3

Installations

npm install @axe-core/playwright

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS, ESM

Node Version

18.20.4

NPM Version

lerna/8.1.3/node@v18.20.4+x64 (linux)

Score

65.6

Supply Chain

98.7

Quality

97.3

Maintenance

100

Vulnerability

79.9

License

Pull Requests

Open

3

Total

810

Closed

267

Merged

540

Issues

Open

71

Total

344

Closed

273

Releases

Release 4.10.1

v4.10.1

Updated on Nov 11, 2024

Release 4.10.0

v4.10.0

Updated on Aug 19, 2024

Release 4.9.1

v4.9.1

Updated on May 20, 2024

Release 4.9.0

v4.9.0

Updated on Apr 03, 2024

Release 4.8.5

v4.8.5

Updated on Feb 12, 2024

Release 4.8.4

v4.8.4

Updated on Feb 08, 2024

View All 22 releases

Languages

JavaScript

TypeScript

HTML

CSS

Shell

JavaScript (59.32%)

TypeScript (40.47%)

HTML (0.12%)

CSS (0.08%)

Shell (0.01%)

Developer

dequelabs

Download Statistics

Total Downloads

31,103,539

Last Day

117,365

Last Week

616,365

Last Month

2,522,217

Last Year

20,166,245

GitHub Statistics

MPL-2.0 License

649 Stars

605 Commits

71 Forks

12 Watchers

77 Branches

37 Contributors

Updated on Mar 20, 2025

Bundle Size

560.28 kB

Minified

149.16 kB

Minified + Gzipped

Bundlephobia

Maintainers

View All 37 Contributors

Package Meta Information

Latest Version

4.10.1

Package Id

@axe-core/playwright@4.10.1

Unpacked Size

61.60 kB

Size

11.92 kB

File Count

NPM Version

lerna/8.1.3/node@v18.20.4+x64 (linux)

Node Version

18.20.4

Published on

Nov 11, 2024

Total Downloads

Cumulative downloads

Total Downloads

31,103,539

Last Day

-1.2%

117,365

Compared to previous day

Last Week

1.6%

616,365

Compared to previous week

Last Month

14.7%

2,522,217

Compared to previous month

Last Year

156.3%

20,166,245

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

@axe-core/playwright

Provides a chainable axe API for playwright and automatically injects into all frames

Getting Started

Install Node.js if you haven't already.

Install Playwright: npm install playwright

Install @axe-core/playwright: npm install @axe-core/playwright

Usage

This module uses a chainable API to assist in injecting, configuring, and analyzing axe with Playwright. As such, it is required to pass an instance of Playwright.

Here is an example of a script that will drive Playwright to a page, perform an analysis, and then log results to the console.

1const { AxeBuilder } = require('@axe-core/playwright');
2const playwright = require('playwright');
3
4(async () => {
5  const browser = await playwright.chromium.launch({ headless: true });
6  const context = await browser.newContext();
7  const page = await context.newPage();
8  await page.goto('https://dequeuniversity.com/demo/mars/');
9
10  try {
11    const results = await new AxeBuilder({ page }).analyze();
12    console.log(results);
13  } catch (e) {
14    // do something with the error
15  }
16
17  await browser.close();
18})();

AxeBuilder({ page: Playwright.Page })

Constructor for the AxeBuilder helper. You must pass an instance of Playwright as the first argument.

1const builder = new AxeBuilder({ page });

AxeBuilder#analyze(): Promise<axe.Results | Error>

Performs analysis and passes any encountered error and/or the result object.

1new AxeBuilder({ page })
2  .analyze()
3  .then(results => {
4    console.log(results);
5  })
6  .catch(e => {
7    // Do something with error
8  });

AxeBuilder#include(selector: String | String[])

Adds a CSS selector to the list of elements to include in analysis

1new AxeBuilder({ page }).include('.results-panel');

Method chaining is also available, add multiple CSS selectors to the list of elements to include in analysis

1new AxeBuilder({ page })
2  .include('.selector-one')
3  .include('.selector-two')
4  .include('.selector-three');

Note: arrays with more than one index when passing multiple CSS selectors are not currently supported example: .include(['#foo', '#bar', '#baz'])

AxeBuilder#exclude(selector: String | String[])

Add a CSS selector to the list of elements to exclude from analysis

1new AxeBuilder({ page }).exclude('.another-element');

Method chaining is also available, add multiple CSS selectors to the list of elements to exclude from analysis

1new AxeBuilder({ page })
2  .exclude('.selector-one')
3  .exclude('.selector-two')
4  .exclude('.selector-three');

Note: arrays with more than one index when passing multiple CSS selectors are not currently supported example: .exclude(['#foo', '#bar', '#baz'])

AxeBuilder#options(options: axe.RunOptions)

Specifies options to be used by axe.run. Will override any other configured options. including calls to AxeBuilder#withRules() and AxeBuilder#withTags(). See axe-core API documentation for information on its structure.

1new AxeBuilder({ page }).options({ checks: { 'valid-lang': ['orcish'] } });

AxeBuilder#withRules(rules: String|Array)

Limits analysis to only those with the specified rule IDs. Accepts a String of a single rule ID or an Array of multiple rule IDs. Subsequent calls to AxeBuilder#options, AxeBuilder#withRules or AxeBuilder#withRules will override specified options.

1new AxeBuilder({ page }).withRules('html-lang');

1new AxeBuilder({ page }).withRules(['html-lang', 'image-alt']);

AxeBuilder#withTags(tags: String|Array)

Limits analysis to only those with the specified rule IDs. Accepts a String of a single tag or an Array of multiple tags. Subsequent calls to AxeBuilder#options, AxeBuilder#withRules or AxeBuilder#withRules will override specified options.

1new AxeBuilder({ page }).withTags('wcag2a');

1new AxeBuilder({ page }).withTags(['wcag2a', 'wcag2aa']);

AxeBuilder#disableRules(rules: String|Array)

Skips verification of the rules provided. Accepts a String of a single rule ID or an Array of multiple rule IDs. Subsequent calls to AxeBuilder#options, AxeBuilder#disableRules will override specified options.

1new AxeBuilder({ page }).disableRules('color-contrast');

AxeBuilder#setLegacyMode(legacyMode: boolean = true)

Set the frame testing method to "legacy mode". In this mode, axe will not open a blank page in which to aggregate its results. This can be used in an environment where opening a blank page is causes issues.

With legacy mode turned on, axe will fall back to its test solution prior to the 4.3 release, but with cross-origin frame testing disabled. The frame-tested rule will report which frames were untested.

Important Use of .setLegacyMode() is a last resort. If you find there is no other solution, please report this as an issue.

1const axe = new AxeBuilder({ page }).setLegacyMode();
2const result = await axe.analyze();
3axe.setLegacyMode(false); // Disables legacy mode

No vulnerabilities found.

10

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

10

Security-Policy

Determines if the project has published a security policy.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

License

Determines if the project has defined a license.

5

Maintained

Determines if the project is "actively maintained".

5

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

Reason

dependency not pinned by hash detected -- score normalized to 5

Details

Warn: third-party GitHubAction not pinned by hash: .github/workflows/auto-patch-release.yml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/dequelabs/axe-core-npm/auto-patch-release.yml/develop?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/create-release-candidate.yml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/dequelabs/axe-core-npm/create-release-candidate.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deploy.yml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/dequelabs/axe-core-npm/deploy.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deploy.yml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/dequelabs/axe-core-npm/deploy.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deploy.yml:43: update your workflow using https://app.stepsecurity.io/secureworkflow/dequelabs/axe-core-npm/deploy.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deploy.yml:44: update your workflow using https://app.stepsecurity.io/secureworkflow/dequelabs/axe-core-npm/deploy.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deploy.yml:70: update your workflow using https://app.stepsecurity.io/secureworkflow/dequelabs/axe-core-npm/deploy.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deploy.yml:71: update your workflow using https://app.stepsecurity.io/secureworkflow/dequelabs/axe-core-npm/deploy.yml/develop?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/semantic-pr-footer.yml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/dequelabs/axe-core-npm/semantic-pr-footer.yml/develop?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/semantic-pr-title.yml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/dequelabs/axe-core-npm/semantic-pr-title.yml/develop?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/sync-master-develop.yml:13: update your workflow using https://app.stepsecurity.io/secureworkflow/dequelabs/axe-core-npm/sync-master-develop.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/dequelabs/axe-core-npm/tests.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/dequelabs/axe-core-npm/tests.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yml:32: update your workflow using https://app.stepsecurity.io/secureworkflow/dequelabs/axe-core-npm/tests.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yml:33: update your workflow using https://app.stepsecurity.io/secureworkflow/dequelabs/axe-core-npm/tests.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yml:74: update your workflow using https://app.stepsecurity.io/secureworkflow/dequelabs/axe-core-npm/tests.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yml:75: update your workflow using https://app.stepsecurity.io/secureworkflow/dequelabs/axe-core-npm/tests.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yml:136: update your workflow using https://app.stepsecurity.io/secureworkflow/dequelabs/axe-core-npm/tests.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yml:137: update your workflow using https://app.stepsecurity.io/secureworkflow/dequelabs/axe-core-npm/tests.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yml:157: update your workflow using https://app.stepsecurity.io/secureworkflow/dequelabs/axe-core-npm/tests.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yml:158: update your workflow using https://app.stepsecurity.io/secureworkflow/dequelabs/axe-core-npm/tests.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yml:176: update your workflow using https://app.stepsecurity.io/secureworkflow/dequelabs/axe-core-npm/tests.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yml:177: update your workflow using https://app.stepsecurity.io/secureworkflow/dequelabs/axe-core-npm/tests.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yml:190: update your workflow using https://app.stepsecurity.io/secureworkflow/dequelabs/axe-core-npm/tests.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yml:191: update your workflow using https://app.stepsecurity.io/secureworkflow/dequelabs/axe-core-npm/tests.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yml:54: update your workflow using https://app.stepsecurity.io/secureworkflow/dequelabs/axe-core-npm/tests.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yml:55: update your workflow using https://app.stepsecurity.io/secureworkflow/dequelabs/axe-core-npm/tests.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yml:96: update your workflow using https://app.stepsecurity.io/secureworkflow/dequelabs/axe-core-npm/tests.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yml:97: update your workflow using https://app.stepsecurity.io/secureworkflow/dequelabs/axe-core-npm/tests.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yml:118: update your workflow using https://app.stepsecurity.io/secureworkflow/dequelabs/axe-core-npm/tests.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yml:119: update your workflow using https://app.stepsecurity.io/secureworkflow/dequelabs/axe-core-npm/tests.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/update-axe-core.yml:14: update your workflow using https://app.stepsecurity.io/secureworkflow/dequelabs/axe-core-npm/update-axe-core.yml/develop?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/update-axe-core.yml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/dequelabs/axe-core-npm/update-axe-core.yml/develop?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/update-axe-core.yml:18: update your workflow using https://app.stepsecurity.io/secureworkflow/dequelabs/axe-core-npm/update-axe-core.yml/develop?enable=pin
Info: 0 out of 28 GitHub-owned GitHubAction dependencies pinned
Info: 0 out of 6 third-party GitHubAction dependencies pinned
Info: 13 out of 13 npmCommand dependencies pinned

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Fuzzing

Determines if the project uses fuzzing.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

5.3

/10

Last Scanned on 2025-03-24

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to @axe-core/playwright

Other packages similar to @axe-core/playwright

@axe-core/playwright

Installations

Developer Guide

Yes

CommonJS, ESM

18.20.4

lerna/8.1.3/node@v18.20.4+x64 (linux)

Score

Pull Requests

3

810

267

540

Issues

71

344

273

Releases

Languages

Developer

dequelabs

Download Statistics

GitHub Statistics

Bundle Size

560.28 kB

149.16 kB

Maintainers

Package Meta Information

Total Downloads

31,103,539

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

@axe-core/playwright

Getting Started

Usage

AxeBuilder({ page: Playwright.Page })

AxeBuilder#analyze(): Promise<axe.Results | Error>

AxeBuilder#include(selector: String | String[])

AxeBuilder#exclude(selector: String | String[])

AxeBuilder#options(options: axe.RunOptions)

AxeBuilder#withRules(rules: String|Array)

AxeBuilder#withTags(tags: String|Array)

AxeBuilder#disableRules(rules: String|Array)

AxeBuilder#setLegacyMode(legacyMode: boolean = true)

10

10

10

10

10

5

5

0

0

0

0

0

5.3

/10