{"id":418,"date":"2023-08-08T13:24:40","date_gmt":"2023-08-08T13:24:40","guid":{"rendered":"https:\/\/razvanvancea.ro\/blog\/?p=418"},"modified":"2024-09-27T09:56:10","modified_gmt":"2024-09-27T09:56:10","slug":"automated-tests-for-website-accessibility-with-axe-and-testcafe","status":"publish","type":"post","link":"https:\/\/razvanvancea.ro\/blog\/2023\/08\/08\/automated-tests-for-website-accessibility-with-axe-and-testcafe\/","title":{"rendered":"Automated Tests for website Accessibility with Axe and TestCafe"},"content":{"rendered":"<div id=\"bsf_rt_marker\"><\/div>\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"418\" class=\"elementor elementor-418\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-abbfd52 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"abbfd52\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-08a51a2\" data-id=\"08a51a2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d93530e elementor-widget elementor-widget-text-editor\" data-id=\"d93530e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Often, making websites accessible to people with disabilities is often omitted.<br \/>We can easily create automated tests to cover &amp; increase the confidence on this topic, using tools like <a href=\"https:\/\/www.deque.com\/axe\/\" target=\"_blank\" rel=\"noopener\">Axe<\/a> and <a href=\"https:\/\/testcafe.io\/\" target=\"_blank\" rel=\"noopener\">TestCafe<\/a><\/p><p>Note: If you want to manually perform a quick audit on your websites using Axe, there is<a href=\"https:\/\/chrome.google.com\/webstore\/detail\/axe-devtools-web-accessib\/lhdoppojpmngadmnindnejefpokejbdd?hl=en-US\" target=\"_blank\" rel=\"noopener\"> a chrome browser extension<\/a> that you can install to enable the audit tool in your DevTools.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1d1e17a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1d1e17a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4a42b62\" data-id=\"4a42b62\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-10077cf elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"10077cf\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8156953\" data-id=\"8156953\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5315cda elementor-widget elementor-widget-heading\" data-id=\"5315cda\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Prerequisites<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3e0d7b5 elementor-widget elementor-widget-text-editor\" data-id=\"3e0d7b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/youtu.be\/j8HZpFjPPVU\" target=\"_blank\" rel=\"noopener\">&#8211; NodeJS, NPM &#8211; setup tutorial HERE<\/a><\/p><p>&#8211; Chrome Browser<br \/>&#8211; you already have an automation testing framework created with TestCafe. I&#8217;ve previously created blog articles and videos about how to create it, step by step.<\/p><p><a href=\"https:\/\/razvanvancea.ro\/blog\/2023\/08\/04\/how-to-generate-e2e-testcafe-framework-in-seconds\/\" target=\"_blank\" rel=\"noopener\">Blog article &#8211; HERE<\/a><br \/><a href=\"https:\/\/www.youtube.com\/playlist?list=PLI-8Z_bwV1wXdMA-f1rBvjmIy0Qr9zfaE\" target=\"_blank\" rel=\"noopener\">YouTube Playlist &#8211; HERE<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8d7dd47 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8d7dd47\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-29462cc\" data-id=\"29462cc\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-db83ca7 elementor-widget elementor-widget-heading\" data-id=\"db83ca7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Step 1<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5b6da83 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5b6da83\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-edf22c7\" data-id=\"edf22c7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d35f5de elementor-widget elementor-widget-text-editor\" data-id=\"d35f5de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<pre>Add Axe dependency in your project with the following CLI command<br \/><br \/><strong>npm\u00a0install\u00a0axe-core\u00a0axe-testcafe\u00a0--save-dev<\/strong><\/pre>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bec4112 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bec4112\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-788f73d\" data-id=\"788f73d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-73fac02 elementor-widget elementor-widget-heading\" data-id=\"73fac02\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Step 2<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9fcc7b1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9fcc7b1\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fb21803\" data-id=\"fb21803\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1879381 elementor-widget elementor-widget-text-editor\" data-id=\"1879381\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Include accessibility assertion in your existing testcafe e2e tests or create a new test for this purpose.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a2067b8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a2067b8\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cd82ca2\" data-id=\"cd82ca2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-50e0cf7 elementor-widget elementor-widget-image\" data-id=\"50e0cf7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"640\" height=\"203\" src=\"https:\/\/razvanvancea.ro\/blog\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-15.26.34-1024x324.png\" class=\"attachment-large size-large wp-image-420\" alt=\"tc-axe\" srcset=\"https:\/\/razvanvancea.ro\/blog\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-15.26.34-1024x324.png 1024w, https:\/\/razvanvancea.ro\/blog\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-15.26.34-300x95.png 300w, https:\/\/razvanvancea.ro\/blog\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-15.26.34-768x243.png 768w, https:\/\/razvanvancea.ro\/blog\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-15.26.34-850x269.png 850w, https:\/\/razvanvancea.ro\/blog\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-15.26.34-24x8.png 24w, https:\/\/razvanvancea.ro\/blog\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-15.26.34-36x11.png 36w, https:\/\/razvanvancea.ro\/blog\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-15.26.34-48x15.png 48w, https:\/\/razvanvancea.ro\/blog\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-15.26.34.png 1342w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f897b46 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f897b46\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d52a31f\" data-id=\"d52a31f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0c6fb29 elementor-widget elementor-widget-text-editor\" data-id=\"0c6fb29\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>That&#8217;s it! your test is ready to be executed (axe.js is the test file that contains the above test)<br \/><strong>npx testcafe chrome tests\/axe.js<\/strong><\/p><p>\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d0acf9 elementor-widget elementor-widget-text-editor\" data-id=\"9d0acf9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The test failed because the website <a href=\"https:\/\/qa-practice.netlify.app\/\" target=\"_blank\" rel=\"noopener\">(QA-Practice)<\/a> failed some of the accessibility validations. The test results report looks like this:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9d25acb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9d25acb\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-526c3d3\" data-id=\"526c3d3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-33490ec elementor-widget elementor-widget-image\" data-id=\"33490ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"640\" height=\"182\" src=\"https:\/\/razvanvancea.ro\/blog\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-15.30.34.png\" class=\"attachment-large size-large wp-image-421\" alt=\"tc-axe-results1\" srcset=\"https:\/\/razvanvancea.ro\/blog\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-15.30.34.png 744w, https:\/\/razvanvancea.ro\/blog\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-15.30.34-300x85.png 300w, https:\/\/razvanvancea.ro\/blog\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-15.30.34-24x7.png 24w, https:\/\/razvanvancea.ro\/blog\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-15.30.34-36x10.png 36w, https:\/\/razvanvancea.ro\/blog\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-15.30.34-48x14.png 48w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b869109 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b869109\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3c0c64a\" data-id=\"3c0c64a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d56ffa4 elementor-widget elementor-widget-image\" data-id=\"d56ffa4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"640\" height=\"707\" src=\"https:\/\/razvanvancea.ro\/blog\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-15.30.45.png\" class=\"attachment-large size-large wp-image-422\" alt=\"\" srcset=\"https:\/\/razvanvancea.ro\/blog\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-15.30.45.png 878w, https:\/\/razvanvancea.ro\/blog\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-15.30.45-272x300.png 272w, https:\/\/razvanvancea.ro\/blog\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-15.30.45-768x848.png 768w, https:\/\/razvanvancea.ro\/blog\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-15.30.45-300x331.png 300w, https:\/\/razvanvancea.ro\/blog\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-15.30.45-850x939.png 850w, https:\/\/razvanvancea.ro\/blog\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-15.30.45-22x24.png 22w, https:\/\/razvanvancea.ro\/blog\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-15.30.45-33x36.png 33w, https:\/\/razvanvancea.ro\/blog\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-15.30.45-43x48.png 43w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2d211a6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2d211a6\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cfec8d6\" data-id=\"cfec8d6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c5c100b elementor-widget elementor-widget-heading\" data-id=\"c5c100b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Optional Config Step<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9fdfa86 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9fdfa86\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ce69ba7\" data-id=\"ce69ba7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6c9fb25 elementor-widget elementor-widget-text-editor\" data-id=\"6c9fb25\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Axe module allows you to define the context and options (e.g. to apply rules\/exclude some HTML tags from the audit process).<\/p><p>Test Example:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a6c04c7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a6c04c7\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-797f86b\" data-id=\"797f86b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ed6b4ff elementor-widget elementor-widget-image\" data-id=\"ed6b4ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"138\" src=\"https:\/\/razvanvancea.ro\/blog\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-15.51.12-1024x220.png\" class=\"attachment-large size-large wp-image-423\" alt=\"tc-axe-config\" srcset=\"https:\/\/razvanvancea.ro\/blog\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-15.51.12-1024x220.png 1024w, https:\/\/razvanvancea.ro\/blog\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-15.51.12-300x65.png 300w, https:\/\/razvanvancea.ro\/blog\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-15.51.12-768x165.png 768w, https:\/\/razvanvancea.ro\/blog\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-15.51.12-850x183.png 850w, https:\/\/razvanvancea.ro\/blog\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-15.51.12-24x5.png 24w, https:\/\/razvanvancea.ro\/blog\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-15.51.12-36x8.png 36w, https:\/\/razvanvancea.ro\/blog\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-15.51.12-48x10.png 48w, https:\/\/razvanvancea.ro\/blog\/wp-content\/uploads\/2023\/08\/Screenshot-2023-08-08-at-15.51.12.png 1394w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7bbc2ca elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7bbc2ca\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a0b5ae9\" data-id=\"a0b5ae9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-64ae5d4 elementor-widget elementor-widget-text-editor\" data-id=\"64ae5d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Enjoyed this article? Make sure to subscribe to my <em><a href=\"https:\/\/www.youtube.com\/@LearnwithRV\" target=\"_blank\" rel=\"noopener\">YouTube Channel<\/a><\/em> for more Test Automation tutorials, and follow me on <a href=\"https:\/\/www.linkedin.com\/in\/razvanvancea\/\" target=\"_blank\" rel=\"noopener\"><em>LinkedIn<\/em><\/a> and <em><a href=\"https:\/\/twitter.com\/razvanvancea\" target=\"_blank\" rel=\"noopener\">Twitter<\/a><\/em> for regular insights.<strong> <br \/>Looking to accelerate your test automation journey? <br \/>I&#8217;ve designed a personalized 1-on-1 mentoring program tailored to boost your skills. Reach out at <a rel=\"noopener\">iamqarv@gmail.com<\/a> for more details \ud83d\ude80<br \/><\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Often, making websites accessible to people with disabilities is often omitted.We can easily create automated&#8230;<\/p>\n","protected":false},"author":2,"featured_media":424,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[11],"tags":[3,6],"class_list":["post-418","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-qa","tag-testautomation","tag-testcafe"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.10 - aioseo.com -->\n\t<meta name=\"description\" content=\"Often, making websites accessible to people with disabilities is often omitted.We can easily create automated tests to cover &amp; increase the confidence on this topic, using tools like Axe and TestCafeNote: If you want to manually perform a quick audit on your websites using Axe, there is a chrome browser extension that you can install\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Razvan Vancea\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/razvanvancea.ro\/blog\/2023\/08\/08\/automated-tests-for-website-accessibility-with-axe-and-testcafe\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.10\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Learn with RV - Tech Blog - #testautomation #qa #programming #linux #devops\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Automated Tests for website Accessibility with Axe and TestCafe - Learn with RV - Tech Blog\" \/>\n\t\t<meta property=\"og:description\" content=\"Often, making websites accessible to people with disabilities is often omitted.We can easily create automated tests to cover &amp; increase the confidence on this topic, using tools like Axe and TestCafeNote: If you want to manually perform a quick audit on your websites using Axe, there is a chrome browser extension that you can install\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/razvanvancea.ro\/blog\/2023\/08\/08\/automated-tests-for-website-accessibility-with-axe-and-testcafe\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2023-08-08T13:24:40+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2024-09-27T09:56:10+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/razvanvancea\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@RazvanVancea\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Automated Tests for website Accessibility with Axe and TestCafe - Learn with RV - Tech Blog\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Often, making websites accessible to people with disabilities is often omitted.We can easily create automated tests to cover &amp; increase the confidence on this topic, using tools like Axe and TestCafeNote: If you want to manually perform a quick audit on your websites using Axe, there is a chrome browser extension that you can install\" \/>\n\t\t<meta name=\"twitter:creator\" content=\"@RazvanVancea\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BlogPosting\",\"@id\":\"https:\\\/\\\/razvanvancea.ro\\\/blog\\\/2023\\\/08\\\/08\\\/automated-tests-for-website-accessibility-with-axe-and-testcafe\\\/#blogposting\",\"name\":\"Automated Tests for website Accessibility with Axe and TestCafe - Learn with RV - Tech Blog\",\"headline\":\"Automated Tests for website Accessibility with Axe and TestCafe\",\"author\":{\"@id\":\"https:\\\/\\\/razvanvancea.ro\\\/blog\\\/author\\\/iamrv\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/razvanvancea.ro\\\/blog\\\/#person\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/razvanvancea.ro\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/Copy-of-Copy-of-Copy-of-Copie-a-Copie-a-TOP.png\",\"width\":1920,\"height\":1080},\"datePublished\":\"2023-08-08T13:24:40+00:00\",\"dateModified\":\"2024-09-27T09:56:10+00:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/razvanvancea.ro\\\/blog\\\/2023\\\/08\\\/08\\\/automated-tests-for-website-accessibility-with-axe-and-testcafe\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/razvanvancea.ro\\\/blog\\\/2023\\\/08\\\/08\\\/automated-tests-for-website-accessibility-with-axe-and-testcafe\\\/#webpage\"},\"articleSection\":\"QA, #testautomation, #testcafe\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/razvanvancea.ro\\\/blog\\\/2023\\\/08\\\/08\\\/automated-tests-for-website-accessibility-with-axe-and-testcafe\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/razvanvancea.ro\\\/blog#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/razvanvancea.ro\\\/blog\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/razvanvancea.ro\\\/blog\\\/category\\\/qa\\\/#listItem\",\"name\":\"QA\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/razvanvancea.ro\\\/blog\\\/category\\\/qa\\\/#listItem\",\"position\":2,\"name\":\"QA\",\"item\":\"https:\\\/\\\/razvanvancea.ro\\\/blog\\\/category\\\/qa\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/razvanvancea.ro\\\/blog\\\/2023\\\/08\\\/08\\\/automated-tests-for-website-accessibility-with-axe-and-testcafe\\\/#listItem\",\"name\":\"Automated Tests for website Accessibility with Axe and TestCafe\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/razvanvancea.ro\\\/blog#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/razvanvancea.ro\\\/blog\\\/2023\\\/08\\\/08\\\/automated-tests-for-website-accessibility-with-axe-and-testcafe\\\/#listItem\",\"position\":3,\"name\":\"Automated Tests for website Accessibility with Axe and TestCafe\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/razvanvancea.ro\\\/blog\\\/category\\\/qa\\\/#listItem\",\"name\":\"QA\"}}]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/razvanvancea.ro\\\/blog\\\/#person\",\"name\":\"RV\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/razvanvancea.ro\\\/blog\\\/2023\\\/08\\\/08\\\/automated-tests-for-website-accessibility-with-axe-and-testcafe\\\/#personImage\",\"url\":\"https:\\\/\\\/razvanvancea.ro\\\/blog\\\/wp-content\\\/litespeed\\\/avatar\\\/91ce41471f9ba5f15b3ef99e7deed87c.jpg?ver=1785997097\",\"width\":96,\"height\":96,\"caption\":\"RV\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/razvanvancea\\\/\",\"https:\\\/\\\/twitter.com\\\/RazvanVancea\",\"https:\\\/\\\/www.youtube.com\\\/@LearnwithRV\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/razvanvancea\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/razvanvancea.ro\\\/blog\\\/author\\\/iamrv\\\/#author\",\"url\":\"https:\\\/\\\/razvanvancea.ro\\\/blog\\\/author\\\/iamrv\\\/\",\"name\":\"Razvan Vancea\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/razvanvancea.ro\\\/blog\\\/2023\\\/08\\\/08\\\/automated-tests-for-website-accessibility-with-axe-and-testcafe\\\/#authorImage\",\"url\":\"https:\\\/\\\/razvanvancea.ro\\\/blog\\\/wp-content\\\/litespeed\\\/avatar\\\/356548feb901191539c03dd4a0498f58.jpg?ver=1785997099\",\"width\":96,\"height\":96,\"caption\":\"Razvan Vancea\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/razvanvancea.ro\\\/blog\\\/2023\\\/08\\\/08\\\/automated-tests-for-website-accessibility-with-axe-and-testcafe\\\/#webpage\",\"url\":\"https:\\\/\\\/razvanvancea.ro\\\/blog\\\/2023\\\/08\\\/08\\\/automated-tests-for-website-accessibility-with-axe-and-testcafe\\\/\",\"name\":\"Automated Tests for website Accessibility with Axe and TestCafe - Learn with RV - Tech Blog\",\"description\":\"Often, making websites accessible to people with disabilities is often omitted.We can easily create automated tests to cover & increase the confidence on this topic, using tools like Axe and TestCafeNote: If you want to manually perform a quick audit on your websites using Axe, there is a chrome browser extension that you can install\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/razvanvancea.ro\\\/blog\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/razvanvancea.ro\\\/blog\\\/2023\\\/08\\\/08\\\/automated-tests-for-website-accessibility-with-axe-and-testcafe\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/razvanvancea.ro\\\/blog\\\/author\\\/iamrv\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/razvanvancea.ro\\\/blog\\\/author\\\/iamrv\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/razvanvancea.ro\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/Copy-of-Copy-of-Copy-of-Copie-a-Copie-a-TOP.png\",\"@id\":\"https:\\\/\\\/razvanvancea.ro\\\/blog\\\/2023\\\/08\\\/08\\\/automated-tests-for-website-accessibility-with-axe-and-testcafe\\\/#mainImage\",\"width\":1920,\"height\":1080},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/razvanvancea.ro\\\/blog\\\/2023\\\/08\\\/08\\\/automated-tests-for-website-accessibility-with-axe-and-testcafe\\\/#mainImage\"},\"datePublished\":\"2023-08-08T13:24:40+00:00\",\"dateModified\":\"2024-09-27T09:56:10+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/razvanvancea.ro\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/razvanvancea.ro\\\/blog\\\/\",\"name\":\"Learn with RV - Tech Blog\",\"description\":\"#testautomation #qa #programming #linux #devops\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/razvanvancea.ro\\\/blog\\\/#person\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Automated Tests for website Accessibility with Axe and TestCafe - Learn with RV - Tech Blog","description":"Often, making websites accessible to people with disabilities is often omitted.We can easily create automated tests to cover & increase the confidence on this topic, using tools like Axe and TestCafeNote: If you want to manually perform a quick audit on your websites using Axe, there is a chrome browser extension that you can install","canonical_url":"https:\/\/razvanvancea.ro\/blog\/2023\/08\/08\/automated-tests-for-website-accessibility-with-axe-and-testcafe\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/razvanvancea.ro\/blog\/2023\/08\/08\/automated-tests-for-website-accessibility-with-axe-and-testcafe\/#blogposting","name":"Automated Tests for website Accessibility with Axe and TestCafe - Learn with RV - Tech Blog","headline":"Automated Tests for website Accessibility with Axe and TestCafe","author":{"@id":"https:\/\/razvanvancea.ro\/blog\/author\/iamrv\/#author"},"publisher":{"@id":"https:\/\/razvanvancea.ro\/blog\/#person"},"image":{"@type":"ImageObject","url":"https:\/\/razvanvancea.ro\/blog\/wp-content\/uploads\/2023\/08\/Copy-of-Copy-of-Copy-of-Copie-a-Copie-a-TOP.png","width":1920,"height":1080},"datePublished":"2023-08-08T13:24:40+00:00","dateModified":"2024-09-27T09:56:10+00:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/razvanvancea.ro\/blog\/2023\/08\/08\/automated-tests-for-website-accessibility-with-axe-and-testcafe\/#webpage"},"isPartOf":{"@id":"https:\/\/razvanvancea.ro\/blog\/2023\/08\/08\/automated-tests-for-website-accessibility-with-axe-and-testcafe\/#webpage"},"articleSection":"QA, #testautomation, #testcafe"},{"@type":"BreadcrumbList","@id":"https:\/\/razvanvancea.ro\/blog\/2023\/08\/08\/automated-tests-for-website-accessibility-with-axe-and-testcafe\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/razvanvancea.ro\/blog#listItem","position":1,"name":"Home","item":"https:\/\/razvanvancea.ro\/blog","nextItem":{"@type":"ListItem","@id":"https:\/\/razvanvancea.ro\/blog\/category\/qa\/#listItem","name":"QA"}},{"@type":"ListItem","@id":"https:\/\/razvanvancea.ro\/blog\/category\/qa\/#listItem","position":2,"name":"QA","item":"https:\/\/razvanvancea.ro\/blog\/category\/qa\/","nextItem":{"@type":"ListItem","@id":"https:\/\/razvanvancea.ro\/blog\/2023\/08\/08\/automated-tests-for-website-accessibility-with-axe-and-testcafe\/#listItem","name":"Automated Tests for website Accessibility with Axe and TestCafe"},"previousItem":{"@type":"ListItem","@id":"https:\/\/razvanvancea.ro\/blog#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/razvanvancea.ro\/blog\/2023\/08\/08\/automated-tests-for-website-accessibility-with-axe-and-testcafe\/#listItem","position":3,"name":"Automated Tests for website Accessibility with Axe and TestCafe","previousItem":{"@type":"ListItem","@id":"https:\/\/razvanvancea.ro\/blog\/category\/qa\/#listItem","name":"QA"}}]},{"@type":"Person","@id":"https:\/\/razvanvancea.ro\/blog\/#person","name":"RV","image":{"@type":"ImageObject","@id":"https:\/\/razvanvancea.ro\/blog\/2023\/08\/08\/automated-tests-for-website-accessibility-with-axe-and-testcafe\/#personImage","url":"https:\/\/razvanvancea.ro\/blog\/wp-content\/litespeed\/avatar\/91ce41471f9ba5f15b3ef99e7deed87c.jpg?ver=1785997097","width":96,"height":96,"caption":"RV"},"sameAs":["https:\/\/www.facebook.com\/razvanvancea\/","https:\/\/twitter.com\/RazvanVancea","https:\/\/www.youtube.com\/@LearnwithRV","https:\/\/www.linkedin.com\/in\/razvanvancea"]},{"@type":"Person","@id":"https:\/\/razvanvancea.ro\/blog\/author\/iamrv\/#author","url":"https:\/\/razvanvancea.ro\/blog\/author\/iamrv\/","name":"Razvan Vancea","image":{"@type":"ImageObject","@id":"https:\/\/razvanvancea.ro\/blog\/2023\/08\/08\/automated-tests-for-website-accessibility-with-axe-and-testcafe\/#authorImage","url":"https:\/\/razvanvancea.ro\/blog\/wp-content\/litespeed\/avatar\/356548feb901191539c03dd4a0498f58.jpg?ver=1785997099","width":96,"height":96,"caption":"Razvan Vancea"}},{"@type":"WebPage","@id":"https:\/\/razvanvancea.ro\/blog\/2023\/08\/08\/automated-tests-for-website-accessibility-with-axe-and-testcafe\/#webpage","url":"https:\/\/razvanvancea.ro\/blog\/2023\/08\/08\/automated-tests-for-website-accessibility-with-axe-and-testcafe\/","name":"Automated Tests for website Accessibility with Axe and TestCafe - Learn with RV - Tech Blog","description":"Often, making websites accessible to people with disabilities is often omitted.We can easily create automated tests to cover & increase the confidence on this topic, using tools like Axe and TestCafeNote: If you want to manually perform a quick audit on your websites using Axe, there is a chrome browser extension that you can install","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/razvanvancea.ro\/blog\/#website"},"breadcrumb":{"@id":"https:\/\/razvanvancea.ro\/blog\/2023\/08\/08\/automated-tests-for-website-accessibility-with-axe-and-testcafe\/#breadcrumblist"},"author":{"@id":"https:\/\/razvanvancea.ro\/blog\/author\/iamrv\/#author"},"creator":{"@id":"https:\/\/razvanvancea.ro\/blog\/author\/iamrv\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/razvanvancea.ro\/blog\/wp-content\/uploads\/2023\/08\/Copy-of-Copy-of-Copy-of-Copie-a-Copie-a-TOP.png","@id":"https:\/\/razvanvancea.ro\/blog\/2023\/08\/08\/automated-tests-for-website-accessibility-with-axe-and-testcafe\/#mainImage","width":1920,"height":1080},"primaryImageOfPage":{"@id":"https:\/\/razvanvancea.ro\/blog\/2023\/08\/08\/automated-tests-for-website-accessibility-with-axe-and-testcafe\/#mainImage"},"datePublished":"2023-08-08T13:24:40+00:00","dateModified":"2024-09-27T09:56:10+00:00"},{"@type":"WebSite","@id":"https:\/\/razvanvancea.ro\/blog\/#website","url":"https:\/\/razvanvancea.ro\/blog\/","name":"Learn with RV - Tech Blog","description":"#testautomation #qa #programming #linux #devops","inLanguage":"en-US","publisher":{"@id":"https:\/\/razvanvancea.ro\/blog\/#person"}}]},"og:locale":"en_US","og:site_name":"Learn with RV - Tech Blog - #testautomation #qa #programming #linux #devops","og:type":"article","og:title":"Automated Tests for website Accessibility with Axe and TestCafe - Learn with RV - Tech Blog","og:description":"Often, making websites accessible to people with disabilities is often omitted.We can easily create automated tests to cover &amp; increase the confidence on this topic, using tools like Axe and TestCafeNote: If you want to manually perform a quick audit on your websites using Axe, there is a chrome browser extension that you can install","og:url":"https:\/\/razvanvancea.ro\/blog\/2023\/08\/08\/automated-tests-for-website-accessibility-with-axe-and-testcafe\/","article:published_time":"2023-08-08T13:24:40+00:00","article:modified_time":"2024-09-27T09:56:10+00:00","article:publisher":"https:\/\/www.facebook.com\/razvanvancea","twitter:card":"summary_large_image","twitter:site":"@RazvanVancea","twitter:title":"Automated Tests for website Accessibility with Axe and TestCafe - Learn with RV - Tech Blog","twitter:description":"Often, making websites accessible to people with disabilities is often omitted.We can easily create automated tests to cover &amp; increase the confidence on this topic, using tools like Axe and TestCafeNote: If you want to manually perform a quick audit on your websites using Axe, there is a chrome browser extension that you can install","twitter:creator":"@RazvanVancea"},"aioseo_meta_data":{"post_id":"418","title":null,"description":null,"keywords":[],"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":[],"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"BlogPosting","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2023-08-08 12:10:46","updated":"2025-06-06 10:01:20","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/razvanvancea.ro\/blog\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/razvanvancea.ro\/blog\/category\/qa\/\" title=\"QA\">QA<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tAutomated Tests for website Accessibility with Axe and TestCafe\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/razvanvancea.ro\/blog"},{"label":"QA","link":"https:\/\/razvanvancea.ro\/blog\/category\/qa\/"},{"label":"Automated Tests for website Accessibility with Axe and TestCafe","link":"https:\/\/razvanvancea.ro\/blog\/2023\/08\/08\/automated-tests-for-website-accessibility-with-axe-and-testcafe\/"}],"jetpack_featured_media_url":"https:\/\/razvanvancea.ro\/blog\/wp-content\/uploads\/2023\/08\/Copy-of-Copy-of-Copy-of-Copie-a-Copie-a-TOP.png","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/razvanvancea.ro\/blog\/wp-json\/wp\/v2\/posts\/418","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/razvanvancea.ro\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/razvanvancea.ro\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/razvanvancea.ro\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/razvanvancea.ro\/blog\/wp-json\/wp\/v2\/comments?post=418"}],"version-history":[{"count":11,"href":"https:\/\/razvanvancea.ro\/blog\/wp-json\/wp\/v2\/posts\/418\/revisions"}],"predecessor-version":[{"id":876,"href":"https:\/\/razvanvancea.ro\/blog\/wp-json\/wp\/v2\/posts\/418\/revisions\/876"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/razvanvancea.ro\/blog\/wp-json\/wp\/v2\/media\/424"}],"wp:attachment":[{"href":"https:\/\/razvanvancea.ro\/blog\/wp-json\/wp\/v2\/media?parent=418"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/razvanvancea.ro\/blog\/wp-json\/wp\/v2\/categories?post=418"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/razvanvancea.ro\/blog\/wp-json\/wp\/v2\/tags?post=418"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}