Automated testing with aXe -- A11ycasts #15

aXe on GitHub: goo.gl/0FDyHW
Manually reviewing a site for accessibility issues can be a time consuming process. Automated tools help streamline the work and make it easier to catch subtle mistakes. Today on A11ycasts we'll show one of those tools, a library called aXe, and how you can use it as a drop in script, a Selenium runner, or from your command line.
ChromeDriver for Selenium:
chromedriver.s...
Watch all A11ycasts episodes: goo.gl/06qEUW
Subscribe to the Chrome Developers RUclips channel for updates on new episodes of A11ycasts: goo.gl/LLLNvf

[@Ranger2060]

thank you for the really good introduction

[@sudheendrasubramanya2556]

Hay Rob. Thanks for making these videos. Most of the webpages we work with needs credentials to login to it. How can we do it with axe-selenium combo?

[@xircle]

The aXe Chrome extension is my go-to choice for automated testing. I used WAVE once and it had way too many false positives and was very noisy visually.

[@silvioaprigio7179]

Homer Gaines

[@dp-hy8jz]

Hey Homer, do you test accessibility as part of your CI? If yes, could you share more details?

[@error.418]

9:38 you don't have to restart your terminal to ensure changes to your .bash_profile take affect. Just use the command "source ~/.bash_profile"

[@dp-hy8jz]

Hello, could you please help answer the below question? Appreciate your time and help!
Do we have an ability to write an automation code that will let Axecore scan all pages with in an Automation test case OR do we have to specify the individual page every single time? For example my cucumber test case (Ruby on Rails) have at least 10+ automation scenarios and each scenarios open several pages of the application being tested. Currently we are calling the step definition that scans the page, every time a single page is referenced. So we end up calling the Axe core step definition multiple times within a single test case. I find this inefficient from code standpoint hence asking a question.
QUESTION: Do we have an ability to write an automation code that will let Axecore scan all pages with in a Cucumber Automation test case OR do we have to specify the scanning step definition for every single page individually?
Looking for a response. Thank you again!

[@error.418]

@@dp-hy8jz How much are you paying and why are you recruiting in the RUclips comments?

[@varungudisena9463]

very good explanation

[@ramalakshmitammineni9288]

your work is awesome

[@thejaredwilcurt]

Damn, I just released Koa11y a few days ago, it's built on top of Pa11y. Now I'm thinking it may make more sense to add in aXe support. Maybe a future version.

[@neilosman4440]

Very Nice! Do note that Pa11y (which is dependent on a11y) does not recognize aria-label as a legit source for accName, so Koa11y has too many false positives. BTW, aXe also has some false positives like not recognizing SVG title nodes as a legit source for accName.

[@MarcySutton]

SVG title wasn't always exposed, that's why aXe does that. We have an open issue to collect data on support so we can add it, here: github.com/dequelabs/axe-core/issues/20

[@JoseBolos]

Neil, minor correction, pa11y doesn't use a11y, it uses squizlabs.github.io/HTML_CodeSniffer/

[@neilosman4440]

right

[@doreenfarfan4593]

For the axe-cli, is there a way to only output violations? and is there a way to have the results outputted nicely into a file rather than in the command line output?

[@RizzyClipz]

Did you ever find a solution

[@gotchyared]

Thank you for the great info.

[@art-o-holic1242]

This is awesome..thanks so much

[@devduttanatu7058]

Hey Rob, Very nice series of lectures.
Is there exclusively any plugin or tool just like 'axe' to test the complaince category wise i.e whether it is 'a', 'aa' or 'aaa' complaince ?

[@adityabarbadikar9848]

How can I get Element source and location in results while performing automated execution?

[@ashishgujar6540]

Does it also output keyboard accessibility issues?

[@markuslemcke]

Hi Rob, I installed Axe as Chrome-Extensions, but it looks like axe is no longer free to use. Is that right?

[@DenisTRUFFAUT]

Interesting !

[@armatearjun]

Anything like this for Android and IOS?

[@sainaasaimaa]

Do you know how to install this with java ? Instead of js..

[@ihowaonaro4511]

when I run the axe-webdriverjs tests the exact same way it returns null to the console. it also throws an error when using
results.violations. Pls how can I sort this out?

[@faria_aki]

same here

[@Yashwanth.941v]

Google Chrome Developers is using apple mac

[@John-nd9hl]

brew install chromedriver

[@yaseenyaseen1839]

Hi

[@sureshgarine]

nice explanation. Thank you!