Gulp Axe Webdriver

screenshot of Gulp Axe Webdriver

Gulp plugin for aXe utilizing WebDriverJS

Overview

The Gulp plugin for aXe utilizing WebDriverJS provides a reliable solution for checking accessibility on both local and remote URLs using the Chrome browser. With its roots in grunt-axe-webdriver and gulp-axe-core, it delivers a streamlined workflow that can easily integrate into your existing Gulp tasks. This plugin is especially useful for developers looking to enhance their Continuous Integration (CI) processes by identifying accessibility violations.

By leveraging the capabilities of aXe, this plugin allows for comprehensive accessibility checks, offering various configuration options that can be tailored to the specific needs of your projects. With options like running Chrome in headless mode and customizing reporting, this tool stands out for its flexibility and ease of use.

Features

  • Options Configuration: Allows for customization of axe.a11yCheck options, enabling fine-tuned control over accessibility checks.
  • Error Handling: An option to throw an error on accessibility violations, making it viable for CI environments where maintaining quality is paramount.
  • Output Reporting: Ability to specify a folder for output reports and save results in a JSON format for easy analysis.
  • Exclude/Include Elements: Flexible CSS selector options for including or excluding specific elements from accessibility analysis.
  • Headless Mode Support: Run tests in a headless Chrome browser, perfect for automated testing scenarios without the need for a GUI.
  • Script Timeout: Configurable timeout settings for injected scripts, ensuring that checks can be completed efficiently without hanging.
  • URL Testing: Supports both individual URLs and glob patterns for testing multiple pages seamlessly.
  • Violation Threshold: Set a maximum allowable violations threshold to maintain a balance between development speed and accessibility compliance.
gulp
Gulp

Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.