grunt-html-auditor

Grunt plugin for node-html-auditor.

Getting Started

This plugin requires Grunt ~0.4.5

Install this plugin with this command:

1npm install grunt-html-auditor --save-dev

Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:

1grunt.loadNpmTasks('grunt-html-auditor');

The "htmlaudit" task

Overview

In your project's Gruntfile, add a section named htmlaudit to the data object passed into grunt.initConfig().

1grunt.initConfig({
2  htmlaudit: {
3    options: {
4      // Task-specific options go here.
5    },
6    your_target: {
7      // Target-specific file lists and/or options go here.
8    },
9  },
10});

Options

options.tests

Type: Object Default value:

{
  a11y: true,
  html5: true,
  link: true
}

An Object that is used to toggle which tests should be run upon execution.

options.baseUri

Type: String Default value: 'http://www.acme.com''

A URL that is used to serve as a basis for testing links.

options.showDetails

Type: Boolean Default value: true

If set to false, the plugin will only display a summary of all a11y and html5 issues, and not full debug info.

options.showNotices

Type: Boolean Default value: true

If set to false, the plugin will only display error and warning issue, but not notice or info.

options.showSummaryOnly

Type: Boolean Default value: false

If set to true, the plugin will override other display settings and show only a summary of all individual tests along with issue counts.

options.debug

Type: Boolean Default value: false

If set to true, the plugin will display additional plugin-related debug information.

Usage Examples

Default Options

In this example, the default options are used to run all available tests (a11y, html5, link). The plugin does not make any alterations to your files, it simply reads their contents and runs all tests using node-html-auditor binary.

1grunt.initConfig({
2  htmlaudit: {
3    options: {},
4    src: 'path/to/your/file(s)/*.html'
5  },
6});

Custom Options

In this example, custom options are used to run only accessibility tests, on a single HTML file. As with using default options, the plugin will never alter any of your files.

1grunt.initConfig({
2  htmlaudit: {
3    options: {
4      tests: {
5        a11y: true,
6        html5: false,
7        link: false
8      },
9      showNotices: false
10    },
11    src: 'path/to/your/file.html',
12  },
13});

Contributing

In lieu of a formal styleguide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code using Grunt.

Release History

(Nothing yet)