Stack Overflow
Stack Overflow

Questions tagged [axe]

Axe is a suite of tools that perform web UI accessibility testing and auditing by Deque.

Built on the open-source accessibility testing library axe-core.

The axe suite is composed of the following components:

  1. axe DevTools browser extension
  2. axe Auditor
  3. axe Monitor

Accessibility scanners like axe check markup against standards such as with about 80% issue coverage.

30 questions
6
votes
2 answers

How can we fix the A11y error "All page content must be contained by landmarks" with React?

The axe accessibility rule All page content must be contained by landmarks states that all top html elements should be landmark elements, eg Hello
This is the…
Adrien Lemaire
  • 1,744
  • 2
  • 20
  • 29
2
votes
2 answers

How to fix role="tablist"/role="tab" Axe violations?

We have some tabs on our page with the following structure:
2
votes
0 answers

How can I add a custom rules to the pa11y axe runner?

I'd like to use the pa11y axe runner and include custom rules. Deque documents that axe can process custom rules at https://www.deque.com/axe/core-documentation/api-documentation/#synopsis-1. I can configure axe to use a custom rule with this…
calebtr
  • 200
  • 7
2
votes
1 answer

HTML report was not created due to the error violations.reduce is not a function

Hi i'm using the Axe html reporting tool for my script as seen here https://www.npmjs.com/package/axe-html-reporter Using the code below im getting the error message in the subject title of this ticket. Im not sure what the issue is? const…
Peter Kirby
  • 69
  • 9
2
votes
1 answer

Has anyone used selenium-axe with Katalon Studio? If so, how do I begin the setup and the process of integration?

I know how to use Selenium, but have never used Katalon Studio. Need to test accessibility tools with the use of axe extension.
aschmiddy
  • 21
  • 1
2
votes
1 answer

Accessibility Insights automated test differ from Axe

Results of automated accessibility tests in the Axe Chrome extension differ from the results of Accessibility Insights automated tests. Since they both are using axe-core, what might be the reason? I want to switch to the Accessibility Insights for…
Jiří Zmrhal
  • 143
  • 1
  • 2
  • 7
1
vote
0 answers

Build HTML report for AxeCore with Java

I'm using axe core library for accessibility testing, and the current report doesn't fit my needs. Results are generated under json and txt formats. Looks like for javascript, there is a way to convert data into a nice HTML report, but I'm looking…
Razvan
  • 347
  • 1
  • 11
1
vote
1 answer

Accessibility: Vue & Jest-Axe: Buttons must have discernible text. How can we add a button name/ aria-label if the child content comes through a slot?

I have been trying to improve my project in terms of accessibility, so I decided to add some ESLint rules from vuejs-accessibility and install Jest-Axe. When running accessibility tests on my button components Jest-Axe prompted me that Buttons must…
botana_dev
  • 418
  • 4
  • 16
1
vote
0 answers

ECONNREFUSED 127.0.0.1:9000 error when running "axe http://localhost:9000" command

Currently, I have a requirement to add accessibility testing on GitHub CI action so that every pull request it can be validated. After doing some research, I came to know that we can add below command. npm install -g @axe-core/cli axe…
TechGig
  • 33
  • 4
1
vote
0 answers

How do I get axe-core-react to check re-renders of my app?

I have an Ionic React app that I am trying to test using axe-core-npm Here's my basic app setup: const startAccessibilityTestingIfDebug = () => { if (showDebugInfo) { import('@axe-core/react').then((axe) => { axe.default(React, ReactDOM,…
Patrick Kenny
  • 4,515
  • 7
  • 47
  • 76
1
vote
1 answer

TypeError: (0 , _prettyFormat.default) is not a function

I recently started to get this problem when running a test: Wizard component should have no accessibility violations TypeError: (0 , _prettyFormat.format) is not a function 48 | const { container } = render(, { wrapper:…
zok
  • 6,065
  • 10
  • 43
  • 65
1
vote
1 answer

How to run the Accessibility tests across all the rules using AXE_Selenium

I am trying to integrate accessibility tests with a my automation tests. I ran a basic tests with tags wcag21aa and wcag2aa. However test results shows me passes from only 2 rule i.e. "color-contrast" and "Inline text spacing must be adjustable with…
DevX
  • 490
  • 6
  • 23
1
vote
1 answer

(intermediate value).findElement is not a function

Hi I'm having an issue with a cookie popup which Im trying to either click on or disable somehow as I think it is affecting the output of my Axe accessibility tests. What would be the best approach? Currently I'm just trying to click on it but…
Peter Kirby
  • 69
  • 9
1
vote
2 answers

@testcafe-community/axe does not report violations that other tools do

I am exploring tools I can use for automated Accessibility Testing and wanted to try axe-core with TestCafe. I am an advocate of TestCafe, I love that is a lightweight tool and doesn't have dependencies on WebDriver. The docs are great and the…
nabeenj
  • 23
  • 4