a11y

Lints for accessibility issues using axe-core.

Note: Using this on hosted documents (e.g., on github pages) can slow down the rendering and may make the page unresponsive. Please only enable only the rules you need.

Example of usage

basic example, runs all default plugins with a exception of a few slow ones.

var respecConfig = {
  a11y: true,
};

Example with Axe configuration, as per Axe's configuration options.

var respecConfig = {
  a11y: {
    runOnly: ['image-alt', 'link-name'],
  },
};

Example output

If the document has accessibility issues, they will show up as ReSpec warnings:

In an actual document, you can expand the details to get more information about each issue along with a link to the specific HTML element causing the issue.