Coding for accessibility made easy.

Features

• Checks React (.js/.jsx/.ts/.tsx), Vue (.vue), HTML (.html .htm), and Markdown (.md .markdown) files so you can avoid common accessibility defects.
• Consistent with the open-source axe-core rules engine to provide early warnings of real accessibility defects -- zero false positives, so you don't have to write a bunch of ignore flags.
• No configuration required -- zero learning curve, so you can be productive immediately.
• Shareable project-specific configurations, so your team can select the accessibility standard and select individual rules.

Once you’ve nailed catching accessibility issues in your source code, try expanding your test coverage by testing in the browser with the free axe browser extension.

Quickstart

Once the plugin is installed, axe Linter installs and configures itself automatically. This can sometimes take a few minutes. Once this step is completed, axe Linter will start running on compatible source files.

Support

• To report an issue, check out our issue reporting page
• To get in contact with us, join our accessibility slack channel

Rules

Axe Linter has the following rules:

Common:

Markdown(MD):

Vue:

React:

axe Linter tags

The following tags are available for configuration in axe Linter:

Settings

The rules axe Linter uses are configurable by adding a file called axe-linter.yml at your project's root level.There are two options for rule configuration. You can enable/disable rules at the individual level with the rules entry:

You can also disable rules as a group based on WCAG standard they are associated with using the tags entry: